在位于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)';
}
不知道我的代码插入哪个元素。