使用视差滚动时的滞后/边锋

时间:2015-04-29 00:09:19

标签: javascript jquery css parallax lag

在位于http://mattsandifer.com的视差网站上滚动浏览器时出现一些抖动/滞后

视差代码取自:http://www.minimit.com/demos/parallax-backgrounds-with-centered-content

顺利进行,然后突然间它在滚动时开始变得非常不稳定。

图像偏大但没什么太疯狂的。我认为这是一个JS问题,但我不确定。我尝试禁用视网膜图像,但没有变化。

任何减少加载时间或滞后的方法?

感谢您的任何帮助!

编辑:找到指向硬件加速是关键的博文的链接。他们提供了这段代码:

 window.onscroll = function(e) {

  // note: most browsers presently use prefixes: webkitTransform, mozTransform etc.

  var parallax = document.getElementById('parallax-background');

  parallax.style.transform = 'translate3d(0px,' + (window.scrollY/2) + 'px, 0px)';

}

不知道我的代码插入哪个元素。

0 个答案:

没有答案