Open
Description
I have three parallax elements being initialized in a single parallax instance. First and second parallax elements move when the wrappers are into viewport and stop move when the wrappers are outside of the viewport. However, the third parallax element moves to maximum distance and stop moving when almost 1/3 of the wrapper is into the viewport.
version: 5.6.2
First parallax
CleanShot.2024-12-03.at.01.11.06.mp4
Second parallax
CleanShot.2024-12-03.at.01.12.08.mp4
Third parallax
CleanShot.2024-12-03.at.01.12.51.mp4
I use vanilla js:
document.addEventListener("DOMContentLoaded", function () {
new simpleParallax(document.querySelectorAll(".parallax-image"), {
delay: 0,
scale: 1.25,
orientation: "down",
overflow: true,
});
});
Metadata
Metadata
Assignees
Labels
No labels