Как получить плавный эффект параллакса - PullRequest
0 голосов
/ 20 апреля 2020

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

Интересно, как создается эффект параллакса в библиотеке ScrollMagi c или на страницах Apple. Там намного больше кода, но он работает быстрее. Возможно из-за другого способа вычисления смещения. У кого-нибудь есть идея?

javascript код

  window.onscroll = function() {
  parallax(document.getElementsByClassName("el")[0], 2);
}

function parallax(a, b) {
   a.style.top = Math.round(window.scrollY / b) + "px";
}
...