Показать сообщение отдельно
  #2 (permalink)  
Старый 24.09.2019, 11:08
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 456

Без jquery:

script.js
window.addEventListener('load', function () {
    var container = document.querySelector('.parallax');
    var layers = container.querySelectorAll('.parallax__layer');
    var speeds = [];
    for (var i = 0; i < layers.length; i++) {
        speeds[i] = layers[i].getAttribute('data-speed') / -100;
    }
    window.addEventListener('scroll', function () {
        var y = this.pageYOffset;
        for (var i = 0; i < layers.length; i++) {
            layers[i].style.top = y * speeds[i] + 'px';
        }
    });
    container.className += ' visible';
});

style.css
.parallax {
    visibility: hidden;
}
.visible {
    visibility: visible;
}

Последний раз редактировалось Rise, 24.09.2019 в 11:20.
Ответить с цитированием