jquery - 在滚动位置上对 HTML 元素进行动画处理

Question

我想做的是当滚动条到达某个位置时通过CSS3为一些HTML设置动画。

我浏览了jQuery插件，发现了很多有趣的东西，例如视差或谐波滚动，我发现的最接近的东西是流行的延迟加载，它延迟了加载滚动页面时的图像。我想做的是类似的事情，但是使用动画 div 或 img 或 a。

我希望有人能指导我找到一些可以帮助我的好插件。

提前致谢。

Answer 1

您需要将 jQuery scrollTop() 函数与 scroll 事件结合使用。也许是这样的:

$(window).scroll(function(){
     var top = $(this).scrollTop();
     if(top > 150){
         //do something after it scrolls down past 150px    
     }
});

希望这有帮助:)