Intro
Tailor your navigation perfectly by expanding the native page settings inside Elements. Custom Scroll seamlessly upgrades your layout to make scrolling feel more fluid. It enhances the mouse wheel, keyboard arrows, and anchor links with beautifully timed motion. Setup is fully automated, optimizing responsiveness to deliver a smoother overall web experience. Customize speed, inertia, and navigation response for trackpads, mouse wheels, keyboard controls, and anchor links.
Get complete 3-in-1 navigation management for both large or small sites, and long or short pages.
Adjusting scroll speed and arrow steps lets you easily balance the full control of every project. The three settings are completely independent. You can enable or disable them selectively.
1: Custom Scroll
For mouse wheels and trackpads.
✓ Custom Scroll replaces standard browser scrolling with an animation loop.This option intercepts mouse wheel events to apply a progressive interpolation.It eliminates sudden visual jumps, stabilizing long layouts during quick scrolling.
Inertia: from 0.02 softer to 0.2 esponsive.
Speed: from 0.5 slower to 3 faster
2: Scroll to #ID target
For internal anchor and button links
✓ Scroll to Target controls internal anchor links pointing to element IDs.This option replaces the immediate native jump with a timed animation curve.It synchronizes with inertia variables to prevent conflicts during the transition.
Slide duration from 200 ms to 3000 ms
Ease Animation: linear, soft braking, or acceleration
3: Keyboard
For keyboard arrows ↑ ↓
✓ Keyboard Support applies custom scrolling logic to keyboard navigation inputs. This option maps Arrow keys ↑ ↓ to trigger the animation steps. It operates as an extension of the wheel engine or as a standalone script.
Unit: Scroll by fixed step in pixel or in VH, in Viewport Height
ⓘ This component affects the Elements code and does not add anything visible to the layout. Simply drag it in and edit the options. Then export and preview in the browser.
Advanced
✓ Custom Class & Safety settings for mobile phones and smaller screens.