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

【问题标题】：Need to select the visible DOM element when mouse scrolling鼠标滚动时需要选择可见的DOM元素
【发布时间】：2014-06-16 16:20:56
【问题描述】：

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

请帮帮我。

【问题讨论】：

是的。这是可能的。在鼠标悬停事件中：您可以尝试获取 this.elementTarget... 或类似的东西
我需要在鼠标滚动时选择刚刚聚焦的图像..
$('img').on('scroll', function(){ HEREISMYEL= $(this); });

标签： javascript jquery html css

【解决方案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
    });

【讨论】：