javascript - jQuery.appear 只有当整个元素是视口(viewport)时才会触发

Question

我目前正在使用 jQuery.appear在元素进入视口(viewport)时更改元素的类。该插件效果很好，除了它会在元素顶部出现时立即触发。我想对其进行调整，使其仅在整个元素位于视口(viewport)内或接近于存在时触发。

代码:

$('someselector').appear();
$('someselector').on('appear', function() {
    $(this).removeClass('on').addClass('off');
    $(this).siblings().removeClass('off').addClass('on');
});

Answer 1

jQuery Waypoints 插件也很有用。当元素在屏幕上可见时，它会触发一个 Action 。

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

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