Scroll effect

Infinite Parallax Scroll with Minimap

by Vanguardia · motionprompts.dev

Infinite vertical scroll through fullscreen project images with a synchronized centered minimap that mirrors the scroll at miniature scale. A hand-rolled rAF loop lerps a virtual scroll target driven by wheel and touch drag, recycles DOM slides around the current index for endless looping, applies per-image parallax (0.2x translateY on scale(1.5) images), and snaps to the nearest project with a 500ms cubic ease-out after 100ms of idle.

Type: Web motion
Framework: Vanilla JS
Trigger: wheel

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: raf-lerp
Complexity: 2/5
Pinned: no
Reduced motion: not handled

virtual wheel-driven infinite lerped slide track

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev17,388 charsCustomize

# Build: Infinite Parallax Scroll with Synchronized Minimap

## Goal

A full-screen, **infinitely looping vertical scroll** through editorial project images, wi…

The build prompt

More like this

A pixel wizard casting spells

Rainbow Road Pixel Animation

One-File Generative Visual Demo

Pixel-art rabbit archer sprite animation loop

Vibe-Coded Pixel Wizard Game

Realistic 3D Taj Mahal Model

Fresh recipes, every week.