應用了jQuery的3個div的一個相同類別

Question

我有多個div的相同類別和我有一些jQuery的，但我只想對jQuery適用於div的一個與類animated

這裏是我的jQuery

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

Answer 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'); 
} 

Answer 2

一個多類添加到該div像

Class="animated Operation" 

然後在jQuery中使用此操作

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