Эффект параллакса не работает с цветом фона при прокрутке - PullRequest
Новая
       5

Эффект параллакса не работает с цветом фона при прокрутке

1 голос
/ 04 марта 2020

У меня проблема с эффектом параллакса. У меня есть изображение, и на обратной стороне этого изображения у меня есть цвет. Ниже html, который у меня есть. 

<div class="rectangle background-medium-blue header-stage-medium-blue-rectangle"></div>


<div class="image">
    <img class="img" src="stage-allviewports-4x3.jpg" width="1450" height="1089" />
</div>

Моя проблема в том, что когда я начинаю прокручивать, этот синий прямоугольник перемещается вверх и не спускается. 

var parallax= document.querySelector(".header-stage-medium-blue-rectangle");

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

    var scrolledHeight= window.pageYOffset;

    parallax.style.top=  (scrolledHeight * 0.2) + "px";
});

css

.header-stage-medium-blue-rectangle {
    position: absolute;
    background-color: red;
    right: 0px;
    top: 302px;
}
...