如何计算两个元素之间的距离，像这样

How to calculate distance between 2 elements , Like this?

本文关键字：之间 像这样 元素 距离 何计算 计算 两个      更新时间：2023-09-26

如何计算两个元素之间的距离，像这样？

我想计算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
相关文章：