有关请求动画帧的问题

Question

我正在尝试建立一个视差网站,在滚动网站时移动少量元素.但是在阅读Paul Irish的这篇文章之后,并没有使用我正在使用的滚动事件监听器,而且这个视频说滚动监听器有点儿麻烦.我的问题是:requestAnimationFrame

1. 它在Chrome中看起来非常流畅,但它在Firefox中闪烁不定.我在这里做错了吗？
2. 我的代码实际上是否占用了比使用普通滚动事件监听器更多的资源？每次我玩这个代码时,我都能听到我的笔记本电脑风扇炽热.

我的文件位于http://www.socialbuzz.com.au/index.html,请滚动到页面底部以查看从javascript操作的元素.

Answer 1

你应该有一个scroll事件触发一个requestAnimationFrame循环.没有由scroll事件本身触发的requestAnimationFrame.你应该有类似var scrolling = true的东西; 发生这种情况时,请运行requestAnimationFrame循环,该循环引用scroll事件中的事件数据.你需要去掉滚动事件,一旦你完成就转向循环,这是一件苦差事,但结果是值得的.希望这可以帮助.