-3

同じクラスの div が複数あり、jQuery もいくつかありますが、jQuery をクラスの div の 1 つにのみ適用したいです。animated

ここに私のjQueryがあります

$(window).scroll(function () {
    var y = $(window).scrollTop(),
        x = $('.animated').offset().top - 100;
    if (y > x) {
        $('.animated').addClass('fadeInUp').removeClass('fadeOutDown');
    }
}
4

2 に答える 2

1

ID を追加してそれをセレクターとして使用するか、その div に別のクラス「class2」を指定してから使用します。div が次のようになるクラスを追加すると、次のようになります。

<div class="animated class2"></div>

そして、jquery

$(window).scroll(function () {
var y = $(window).scrollTop(),
 x = $('.class2').offset().top -100;
if (y > x) {
 $('.class2').addClass('fadeInUp').removeClass('fadeOutDown');
}

または、IDを使用する場合

<div id="myId" class="animated"></div>

そして、jquery

$(window).scroll(function () {
var y = $(window).scrollTop(),
 x = $('#myId').offset().top -100;
if (y > x) {
 $('#myId').addClass('fadeInUp').removeClass('fadeOutDown');
}
于 2013-08-01T10:23:20.663 に答える