如何在一定数量的滚动后触发事件？

我使用这个小代码，它为我的标题img工作正常。但后来在我的页面上，我想再次使用相同的效果。除了从第一时刻开始滚动的动作被调用。所以我希望当我在相关的div上或者在一定数量的像素之后发生这个动作。我需要添加什么？如何在一定数量的滚动后触发事件？

在此先感谢！

<script> 
    $(window).scroll(function() { 
    var s = $(window).scrollTop(), 
    opacityVal = (s/150.0); 
    $('.blur_img').css('opacity', opacityVal); 
}); 
</script>

来源

2015-04-01 user3095570

我试过'延迟'和一些scrollTop，但它很难说英文不是我的母语，所以我不确定询问Google的最有效方法是什么;） – user3095570 2015-04-01 13:21:26

你必须在代码中添加一个检查：

.scrolltop（）返回多少用户垂直滚动。

<script> 
$(window).scroll(function() { 
    var s = $(window).scrollTop(); 

    if (s > 200) { 
     opacityVal = (s/150.0); 
     $('.blur_img').css('opacity', opacityVal); 
    } 
}); 
</script>

来源

2015-04-01 13:22:13 Jordumus

我发现viewport.js对检测滚动非常有用。

视口为jQuery添加了一些额外的选择器。使用这些选择器，您可以检查元素在视口内部还是外部是否为。

因此，当在网页的元素后进入“视”你的函数可以调用加载更多的内容，或者你需要做任何其他动作。

来源

2015-04-01 13:26:49 Tony

如何在一定数量的滚动后触发事件？

回答

相关问题