Question

有没有办法让div动画（向下滑动）;例如，如果它在页面上的某个位置仅？

例如，有四个div都具有相同的类.ALLCONTENT，但是当一个按钮（具有类.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");
        }
    })
});

如果div处于特定位置，如何设置动画？

3 个答案: