某些设备上的多层视差延迟

时间:2019-04-10 08:19:56

标签: javascript jquery parallax

我具有完全有效的多层视差效果,其效果与firewatch website相同 My codepen 视差js:

window.addEventListener('scroll', () => {
 let parent =  document.getElementById('parallax-container');
 let children = document.getElementsByClassName('parallax-item');

 for(let i = 0; i < children.length; i++) {
  children[i].style.transform = 'translateY(-'
  + (window.pageYOffset * i / children.length) + 'px)'
}
}, false);

当我在某些设备上滚动时,这两个网站都落后了。在2015年末的iMac上,它结结巴巴,但是在i7 Windows机器上,它工作得很好。为什么这样?我不得不将其从我的网站上删除,我很伤心大声笑。

Here is my site(如果有人要调试)。 (在Mac上不可见)

0 个答案:

没有答案