这种边打开边执行js效果怎么实现

Question

一个页面很长，超出了屏幕的高度。页面有很多js效果，但是现在是一打开就全部执行完了，怎么做到往下滑，滑到这个界面再执行当前区域的js动画效果？

Answer 1

我之前做的是侦听滚动DOM的滚动事件，判断滚动的scrollTop是多少，然后自己看一下滚动到多少就到需要做动画的地方，就开始执行动画

拜托，你们别随便给提问题的人扣分啊，你们这样让刚入门的人怎么还敢问问题？？？

Answer 2

判断滚动条高度来执行动画就可以

Answer 3

https://github.com/zuk/jquery.inview，这个就是你要的东东。对你需要实现效果的元素监听inview事件，你的各种js效果就现在inview事件的callback里就可以了。这样的话，只有当那个元素处在可视区域内，才会触发你callback里的代码