我具有完全有效的多层视差效果,其效果与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上不可见)