Instructions
This template uses custom code for smooth scroll. Check the instructions below to understand how to make changes.
Lenis Smooth Scroll
How to change scroll speed
Edit this part:
const lenisSmoothScroll = new Lenis({
duration: 1.2,
smooth: true,
gestureOrientation: "vertical",
wheelMultiplier: 1,
touchMultiplier: 1.5
});What to change
duration
Controls how smooth and slow the scroll feels.- Lower number = faster scroll
- Higher number = slower scroll
Example:
duration: 0.8
wheelMultiplier
Controls mouse wheel scroll speed.- Higher number = faster
- Lower number = slower
Example:
wheelMultiplier: 1.3touchMultiplier
Controls touchpad / touch scroll speed.- Higher number = faster
- Lower number = slower
Example:
touchMultiplier: 1.2Easy rule
To make scrolling faster, try:
duration: 0.8,
wheelMultiplier: 1.2,
touchMultiplier: 1.2To make scrolling slower, try:
duration: 1.5,
wheelMultiplier: 0.8,
touchMultiplier: 1