July 30, 2026/medium/Scroll & 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.

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>
  );
}
  • framer-motion

Related Components

NEWTODAY
Exo Ape Play Reelscroll-parallax
NEW5D AGO
Relai Parallax Scroll Heroscroll-parallax
3MO AGO
Parallax Image Bandscroll-parallax