javascript - 检测正在移动的 DOM 中元素的位置

Question

我一直在努力寻找一个可行的例子，但我认为我遗漏了一些非常基本的东西。我有一个移动相对元素位置的功能，我想在左侧元素超过 300px 后停止元素移动。我正在使用此代码移动元素:

function tele_right(){
    $(".tele-wrapper").animate({"left": "+=15px"}, 25);
}

一旦在 DOM 中左侧位置达到 300，我想使用类似这段代码的代码来执行某些操作:

if($('.tele-wrapper').css('left') == '300px') {
    console.log('yay');
}

如有任何帮助，我们将不胜感激。

Answer 1

您可以使用 offset() 和 setTimeout 简单地实现此目的: DEMO

function tele_right(){
    var left=$(".tele-wrapper").offset().left;
    if(left<300){
        $(".tele-wrapper").animate({"left": "+=15px"}, 25);
        setTimeout(tele_right,25);
    }
    else{
        alert('passed 300 pixels');
    }
}
tele_right();