jquery - 当元素出现在屏幕上时触发 jquery 事件

Question

我想在元素出现在屏幕上时立即显示淡入淡出效果。该元素之前有很多内容，因此如果我触发 document.ready 的效果，在某些分辨率下，访问者将看不到它。

向下滚动后元素变得可见时是否可以触发事件？我几乎确定我以前见过这种效果，但不知道如何实现。

谢谢!

Answer 1

jQuery Waypoints 插件可能很有用。它提供了一种当元素在屏幕上可见时触发操作的方法。

例如:

$('.entry').waypoint(function() {
   alert('The element has appeared on the screen.');
});

the site of the plugin 上有一些示例.