1

アニメーション化（スライドダウン）する方法はありdivますか？たとえば、ページの特定の位置にのみある場合はどうなりますか?

たとえば、すべて同じ class を持つ 4 つの div があります.ALLCONTENTが、ボタン ( class を持つ.BUTTONS) をクリックすると、上から 30 ピクセルの div のみが下にアニメーション化し、残りは同じ場所に残ります。

基本的に、div を特定の位置までスライドさせます。その div が既にその位置にある場合は、さらに下にスライドしません。私が今抱えている問題

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

3 に答える 3

2

使用する

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

ドキュメント/本文への絶対位置を確認したい場合

と

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

また

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

相対位置を確認したい場合

于 2012-04-21T17:16:42.643 に答える
0

ID を割り当てることができない場合 (イメージできない場合でも)、これを使用します。

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

}
于 2012-04-21T17:13:20.100 に答える
0 
$(".BUTTONS").click(function(){  
    $(".ALLCONTENT").each(function(i){
        if($(this).css("top")=="30px"){
            $(this).animate({"top":"558px"}, 250, "linear");
        }
    })
});
于 2012-04-21T17:58:35.833 に答える