Параллакс начинается при прохождении прокрутки секцией контейнера - PullRequest
Новая
       20

Параллакс начинается при прохождении прокрутки секцией контейнера

0 голосов
/ 15 марта 2019

Все.

Я не знаю, что я делаю неправильно. Я развиваю функцию параллакса

HTML: 

<div class="o-container">
  <div class="parallax">
  </div>
</div>

JS: 

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

  var scrolledHeight= window.pageYOffset;

  $$(".parallax").forEach(function(el,index,array) {
    var scrolledSectionHeight = el.closest('.o-container').pageYOffset;

    var limit= el.offsetTop+ el.offsetHeight;
    var speed = el.getAttribute('data-speed');

    //console.log(el.offsetTop + '' + el.offsetHeight);

    if(scrolledHeight > el.offsetTop && scrolledHeight <= limit) {
        el.style.transform= "translate3d(0px, "+ (-(scrolledHeight - el.offsetTop)) /(speed)+ "px" +", 0px) ";
        //console.log('rodando');
    }

  });
});

Вопрос в том, что ... я просто хочу, чтобы параллакс вошел в 'IF' и начал действовать, когда моя прокрутка прошла мимо смещения o-контейнера. Что мне делать?

...