鼠标滚动时需要选择可见的DOM元素

Question

我网站上的页面中还有5个图像位于不同的位置。当它们可见时我需要为它们设置动画。只需选择使用jQuery滚动鼠标时可见的特定图像。有没有办法获得DOM的当前元素？

请帮帮我。

Answer 1

您可以使用jquery.appear插件

它实现了自定义的显示/消失事件，当元素在浏览器视口中变得可见/不可见时会触发这些事件。

实施例： -

 $('Div1').on('appear', function(event, $all_appeared_elements) {
      // this element is now inside browser viewport
    });



   $('Div1').on('disappear', function(event, $all_disappeared_elements) {
      // this element is now outside browser viewport
    });

详细了解https://github.com/morr/jquery.appear