Welcome to Next.js!

Get started by editing pages/index.tsx

Documentation →

Find in-depth information about Next.js features and API.

Learn →

Learn about Next.js in an interactive course with quizzes!

Examples →

Discover and deploy boilerplate example Next.js projects.

Deploy →

Instantly deploy your Next.js site to a public URL with Vercel.

Simple Scroll Speed

data-scroll-speed

<div data-scroll data-scroll-speed="0"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="1"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="2"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="3"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="4"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="5"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="6"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="7"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="8"></div>

data-scroll-speed

<div data-scroll data-scroll-speed="9"></div>

Scroll Delay

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.01"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.02"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.03"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.04"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.05"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.06"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.07"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.08"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.09"></div>

Scroll Speed + Delay

data-scroll-delay

<div data-scroll data-scroll-speed="0" data-scroll-delay="0"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="1" data-scroll-delay="0.01"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="2" data-scroll-delay="0.02"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="3" data-scroll-delay="0.03"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="4" data-scroll-delay="0.04"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="5" data-scroll-delay="0.05"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="6" data-scroll-delay="0.06"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="7" data-scroll-delay="0.07"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="8" data-scroll-delay="0.08"></div>

data-scroll-delay

<div data-scroll data-scroll-speed="9" data-scroll-delay="0.09"></div>
;