Custom easing controls exactly how a scroll glide speeds up and slows down, for a feel that matches your brand.
The free Smooth Scroll block in Nexter Blocks accepts your own easing formula.
For every Smooth Scroll setting in one place, see the Smooth Scroll block guide.
Before You Start
- Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
- Block to enable: Smooth Scroll, switched on under Nexter > Blocks in your WordPress dashboard.
- A formula: a short math expression that uses
t(from 0 to 1) and returns a value from 0 to 1.
Steps
- Open easings.net, pick a curve and scroll to its math function. Copy only the part after
return.
- Replace every
xwitht. For example,1 - Math.pow(1 - x, 4)becomes1 - Math.pow(1 - t, 4).
- Add the Smooth Scroll block, open Scrolling Core and click Advanced.
- Set Easing to Custom and paste your formula into Custom.
- Save and scroll the live page to feel the result.
Formula Examples
| Feel | Formula |
|---|---|
| Ease out (quadratic) | 1-(1-t)*(1-t) |
| Strong ease out | 1 - Math.pow(1 - t, 4) |
| Ease in (slow start) | t*t*t |
| Linear | t |
How It Behaves
- The formula runs in the browser as JavaScript each time the page scrolls.
- Duration still sets how long the glide lasts; the formula only shapes the speed over that time.
- The editor does not show the effect. Check it on the published page.
Limitations
- The formula must use
t. Copied formulas that still usexdo not work. - A formula with a typo can stop smooth scrolling on the page. Test it after saving.
Troubleshooting
Scrolling is back to normal after adding a formula
Check the formula for typos and that every x is now t, or switch Easing back to a built-in option.
