Параллакс только в нижнем колонтитуле - PullRequest
Новая
       19

Параллакс только в нижнем колонтитуле

0 голосов
/ 05 мая 2018

Я создал нижний колонтитул параллакса для моего нового проекта: Нижний колонтитул параллакса , но как только я добавляю div над ним для имитации реальной домашней страницы: Нижний колонтитул параллакса с имитированным контентом, он перестает функционировать, и я чувствую, что понимаю, почему, но я не могу понять, как это исправить. Как будто я должен запустить параллакс в определенный момент, но я не знаю, как это сделать. Любые толчки в правильном направлении были бы очень полезны.

это мой js, который я позаимствовал из другой ручки: 

  var opThresh = 350;
  var opFactor = 750;

  window.addEventListener("scroll", function (event) {

     var top = this.pageYOffset;

     var layers = document.getElementsByClassName("parallax");
     var layer, speed, yPos;
     for (var i = 0; i < layers.length; i++) {
        layer = layers[i];
        speed = layer.getAttribute('data-speed');
        var yPos = -(top * speed / 100);
        layer.setAttribute('style', 'transform: translate3d(0px, ' + yPos + 'px, 0px)');

     }
  });
}
document.body.onload = castParallax();

1 Ответ

0 голосов
/ 05 мая 2018

Как насчет установки #parallax позиционированного абсолюта: 

#parallax {
    display: block;
    position: absolute;
    top: 0px;
}
...