javascript - 如何仅在特定位置为 div 设置动画？

Question

有没有办法让 div 动起来(向下滑动)；例如，如果它仅在页面的某个位置？

例如，有四个 div 都具有相同的类 .ALLCONTENT，但是当单击一个按钮(具有类 .BUTTONS)时，只有单击的 div距顶部 30 像素处的动画将向下移动，其余部分将保留在同一位置。

基本上，将一个div 向下滑动到某个位置，如果那个div 已经在那个位置，它就不会再向下滑动了；我现在遇到的问题

$(".BUTTONS").click(function(){
    $(".ALLCONTENT").animate({"top":"+=558px"}, 250, 'linear');
});

Answer 1

使用

if($(".ALLCONTENT").offset().top === 20) {
    //Do something
}

如果你想检查它在文档/正文中的绝对位置

和

if($(".ALLCONTENT").css("top") === "20px") {
    //Do something
}

或

if($(".ALLCONTENT").position().top === 20) {
    //Do something
}

如果要查看它的相对位置