jQuery和事件滚动

里卡多·帕特里克(Ricardo Patrick)

我有一个带有各种元素的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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery滚动事件

来自分类Dev

消除jquery滚动事件

来自分类Dev

jQuery滚动事件异常

来自分类Dev

jQuery滚动事件

来自分类Dev

jQuery动画滚动事件

来自分类Dev

多个滚动事件 jQuery

来自分类Dev

jquery-slimscroll如何绑定和取消绑定滚动事件

来自分类Dev

jQuery-如果水平可滚动div位于滚动的最左侧和最右侧,则触发事件

来自分类Dev

jQuery-如果水平可滚动div位于滚动的最左侧和最右侧,则触发事件

来自分类Dev

jQuery滚动事件拒绝触发

来自分类Dev

从mousewheel事件内部检测jQuery滚动事件

来自分类Dev

您如何使用Jquery滚动事件和偏移量/位置,CSS或JavaScript获得此结果?

来自分类Dev

当用户使用Jquery和Waypoints滚动到页面顶部时如何触发事件?

来自分类Dev

使用Jquery滚动事件和偏移量/位置,css或javascript,如何获得此结果?

来自分类Dev

CCScrollView滚动和触摸事件永不触发

来自分类Dev

滚动和鼠标事件动画标题

来自分类Dev

根据滚动事件添加和删除类

来自分类Dev

在滚动事件上添加和删除类

来自分类Dev

jQuery滚动事件返回到原始

来自分类Dev

事件向上滚动并修复标题jQuery

来自分类Dev

jQuery Windows滚动事件不起作用

来自分类Dev

jquery 滚动事件多次运行代码

来自分类Dev

jQuery在滚动事件上滚动到某个点

来自分类Dev

jQuery在滚动事件上滚动到某个点

来自分类Dev

事件捕获,事件冒泡和jQuery.on()

来自分类Dev

JQuery和Phonegap恢复事件

来自分类Dev

ajax jquery和click事件

来自分类Dev

Bootstrap崩溃和jQuery事件

来自分类Dev

jQuery滚动事件:如何确定以像素为单位的滚动量(滚动增量)?