我有一个带有各种元素的html类我想在第一个元素中添加一个新类,其滚动顶部到达该元素的顶部,然后当滚动到达第二个元素时又添加第二个,依此类推。我尝试了这个
var element = $(".element");
$(window).scroll(function () {
var scroll = $(window).scrollTop();
for(var i = 0; i < element.length;i++){
if(scroll > element.eq(i)){
element.eq(i).addClass("newClass");
}
}
})
HTML片
<div>
<div class="element">
<img src="img/image1" />
</div>
<div class="element">
<img src="img/image2" />
</div>
<div class="element">
<img src="img/image3" />
</div>
</div>
但是这行element.eq(i).addClass(“ newClass”)不起作用:)我应该怎么做
尝试使用
if(scroll > element.eq(i).offset().top - ($(window).height() / 2) ){
element.eq(i).addClass("newClass");
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句