July 30, 2026mediumScroll & Parallax
Garoa Video Scroll
A rounded video 'window' stays pinned in the viewport while you scroll past it, the footage gently parallaxing upward inside the frame. Recreated from Garoa's VideoScrollSection using position:sticky and a framer-motion scroll-linked translateY.
Preview
Source
import GaroaVideoScroll from "./index.jsx";
import styles from "./styles.module.css";
// Spacer panels above/below so the sticky pin + parallax are visible in the gallery.
export default function GaroaVideoScrollDemo(props) {
return (
<div>
<div className={styles.spacer}>
<span className={styles.spacerLabel}>Scroll down ↓</span>
</div>
<GaroaVideoScroll {...props} />
<div className={styles.spacer}>
<span className={styles.spacerLabel}>… and the video releases</span>
</div>
</div>
);
}
Dependencies
framer-motion