jquery - 容器进入屏幕时触发事件

Question

我有一个元素从左到右滑入屏幕。它被包裹在 div 中，其 margin-left 发生变化。这个包装器从屏幕右侧开始。元素以这种方式包装:

<div style="width:1000px; overflow: hidden;">
<div class="wrapper" style="margin-left: 1000px; width: 100000px" > <!-- margin-left dynamically changes -->
    <div class="first">some text</div>
    <div class="second">other text</div>
</div>
</div>

如何在屏幕上出现的第二个 div 上触发事件？

Answer 1

你应该看看 onScreen jQuery 插件。它就像一个伪选择器，但允许您只定位页面上出现的匹配元素。像这样:

$("span:onScreen");