一个页面很长,超出了屏幕的高度。页面有很多js效果,但是现在是一打开就全部执行完了,怎么做到往下滑,滑到这个界面再执行当前区域的js动画效果?
我之前做的是侦听滚动DOM的滚动事件,判断滚动的scrollTop是多少,然后自己看一下滚动到多少就到需要做动画的地方,就开始执行动画
scrollTop
拜托,你们别随便给提问题的人扣分啊,你们这样让刚入门的人怎么还敢问问题???
判断滚动条高度来执行动画就可以
https://github.com/zuk/jquery.inview,这个就是你要的东东。对你需要实现效果的元素监听inview事件,你的各种js效果就现在inview事件的callback里就可以了。这样的话,只有当那个元素处在可视区域内,才会触发你callback里的代码
inview
js
callback
我之前做的是侦听滚动DOM的滚动事件,判断滚动的
scrollTop
是多少,然后自己看一下滚动到多少就到需要做动画的地方,就开始执行动画拜托,你们别随便给提问题的人扣分啊,你们这样让刚入门的人怎么还敢问问题???
判断滚动条高度来执行动画就可以
https://github.com/zuk/jquery.inview,这个就是你要的东东。对你需要实现效果的元素监听
inview
事件,你的各种js
效果就现在inview
事件的callback
里就可以了。这样的话,只有当那个元素处在可视区域内,才会触发你callback
里的代码