仅当脚本在视口中时才执行脚本

Question

我怎样才能在页面上执行JavaScript，只有当脚本本身在浏览器视口中时才会执行，这意味着：想象一下我在页面底部有一个脚本，我希望该脚本只在用户将页面一直滚动到最后。

如果你想加载图片我找到了一些东西，但是没有找到脚本：

http://luis-almeida.github.io/unveil/

任何想法，如果可能的话？

欢呼声

Answer 1

您可以基于HTML / DOM元素可见性触发脚本，因为脚本实际上并未进入设备的视口。你可以这样做：

<script type="text/javascript">
if($("element").scrollTop() == 0) { // or some other value, I am taking 0 which means when the element has 0px distance and is currently visible

// Do some action here

}
</script>