Join Join
Join

083Pinned multi-lane drift

In this effect, we pin the viewport while a crowd of images drifts left to right as we scroll. They ride four depth bands with different easing speeds, and each tile lands at a random vertical position so the parade feels loose instead of perfectly aligned. Let's begin!

HTML Structure

The section holds a tall wrapper for scrub length and a single container where every .media image stacks in DOM order — the script will sort them into parallel lanes later:

<section class="mwg_effect083">
    <div class="pin-height">
        <div class="container">
            <img class="media" src="./assets/medias/01.png" alt="">
            <img class="media" src="./assets/medias/02.png" alt="">
            <img class="media" src="./assets/medias/03.png" alt="">
        </div>
    </div>
</section>

Become a member to unlock
the full effect today.

Join now Join now

Discover the platform

See how the platform works: try Effect #000 for free.

Try it now Try it now

(No registration or credit card needed)