如何计算两个元素之间的距离,像这样?
我想计算id="element_bottom"
和id="ref_box"
之间的距离
这是计算CCD_ 3和CCD_
如何应用此代码计算id="element_bottom"
和id="ref_box"
之间的距离?
谢谢
http://jsfiddle.net/t5Kts/808/
(function() {
var mY, distance_bottom,
$distance_bottom = $('#distance_bottom span'),
$element_bottom = $('#element_bottom');
function calculatedistance_bottom(elem , mouseY) {
return Math.floor(Math.sqrt(Math.pow(mouseY - (elem.offset().top+(elem.height()/2)), 2)));
}
$(document).mousemove(function(e) {
mY = e.pageY;
distance_bottom = calculatedistance_bottom($element_bottom , mY);
$distance_bottom.text(distance_bottom);
});
})();
假设你对距离的引用是每个元素的顶部,你可以试试这个:
DEMO
(function() {
var btm = $('#element_bottom'),
ref = $('#ref_box'),
refTop = ref.position().top;
$(window).scroll(function(){
var btmTop = btm.position().top;
$('#distance_bottom span').text(Math.abs(refTop-btmTop));
});
})();
像这样的东西可能会起作用:
$('.foo').offset().top - $('.bar').offset().top