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

Question

有没有办法为 a 设置动画（向下滑动）div；例如，如果它只在页面上的某个位置？

例如，有四个 div 都具有相同的 class .ALLCONTENT，但是当单击按钮（具有 class .BUTTONS）时，只有距顶部 30 px 的 div 会向下动画，其余的将保持在同一个位置。

基本上，将 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
}

如果你想检查它的相对位置

Answer 2

如果无法分配 id（即使我无法对其进行成像），请使用以下命令：

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

}

Answer 3

$(".BUTTONS").click(function(){  
    $(".ALLCONTENT").each(function(i){
        if($(this).css("top")=="30px"){
            $(this).animate({"top":"558px"}, 250, "linear");
        }
    })
});