Как я могу держать этот диг видимым до тех пор, пока он не перейдет в свою конечную позицию, но прокрутите мимо него пос ⇐ Html

[Anonymous]

Я могу заставить этот div двигаться прямо при прокрутке, но я хочу, чтобы его положение было исправлено при прокрутке, прежде чем он достиг своего конечного положения. Проблема, которая у меня возникает, заключается в том, что когда я прокручиваю дальше после того, как перемещение, достигнув своей конечной позиции, позиция продолжает оставаться фиксированной. < /P>

Код: Выделить всё

const container = document.querySelector(".container");
const movingDiv = document.querySelector(".moving-div");
let scrollPosition = 0;
let endPosition = 0;

window.addEventListener("scroll", () => {
let scrollPosition = window.scrollY;

movingDiv.style.transform = scrollPosition = movingDiv.maxPosition) {
movingDiv.style.position = "absolute";
} else {
movingDiv.style.position = "fixed";
}
});< /code>
.container {
height: 200vh;
}

.moving-div {
height: 100px;
width: 100px;
background-color: black;
left: 0;
transition: 0.3s right ease;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/796 ... -scroll-pa