Instructions

This template uses custom code for smooth scroll. Check the instructions below to understand how to make changes.

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.3
  • touchMultiplier
    Controls touchpad / touch scroll speed.
    • Higher number = faster
    • Lower number = slower

Example:

touchMultiplier: 1.2

Easy rule

To make scrolling faster, try:

duration: 0.8,
wheelMultiplier: 1.2,
touchMultiplier: 1.2

To make scrolling slower, try:

duration: 1.5,
wheelMultiplier: 0.8,
touchMultiplier: 1

Every successful strategy begins with the right conversation. Get in touch with our team to discuss your challenges, explore potential solutions, and start building a path forward.

Professional office interior scene showing modern workspace with natural lighting