У меня полностью работающий многослойный эффект параллакса, который работает так же, как на веб-сайте Firewatch Мой код ручки Параллакс 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);
Оба эти сайта отстают, когдаЯ прокручиваю на некоторых устройствах.На iMac в конце 2015 года он заикается, но на машине с i7 windows работает отлично.Почему так?Мне пришлось удалить его с моего сайта, и я очень расстроен, смеется.
Вот мой сайт , если кто-то захочет отладить это.(Не видно на Mac)