Calling stop does not reset velocity

[arnaudbrowet]

For a custom application, i need to stop the scrolling, manually apply a scrollTo then resume normal scrolling.

From my testing, i can see that after restarting / reseting the lenis scroll, the previous scroll "momentum" is reapplied which create an unwanted ghost scrolling.. Any idea how to fix that?

 lenis.stop();

requestAnimationFrame(() => {
triggerSnap(target, align, reset, lastVelocity)
})

triggerSnap = ()=>{
[compute some parameters]

const scrollParams = {
                lock: true,
                force: true,
                duration: 0.2,

                onComplete: () => {
                    snapTriggered = false;
                    snapSection = null;
                    lenis.reset()
                    lenis.start();
                }
            }

lenis.scrollTo(lenisScrollPositionElement, scrollParams)
}

=> after the call to reset and start, the window resume a scroll in the direction and the desired behaviour is a complete stop

[clementroche]

Hello, can you provide a codepen?

[arnaudbrowet]

Sure, here it is
https://codepen.io/nosoPen/pen/gbPwyaz

By the way, I don't know if it's relevant, but I'm seeing this behavior on osX with chrome

To test, scroll to the middle of the 1st section, then make a fast scroll movement down => you hit the point where the scroll stop / start is triggered

Observe that the page is scrolling to the desired section, then the velocity or momentum of the fast scroll movement is reapply and scrolling occurs

[arnaudbrowet]

Maybe a video might be more illustrative.

Note that when the scroll to section 2 occurs, I've release the scroll "wheel" for quite some time, but the page keeps scrolling past the section

Enregistrement.de.l.ecran.2025-10-02.a.19.01.51.mov

[arnaudbrowet]

the behaviour is not the same on iOS Safari. maybe it's an issue with chromimum browser ?

[clementroche]

Have you tried lenis/snap?

https://github.com/darkroomengineering/lenis/blob/distance/packages/snap/README.md

[clementroche]

Are you using a trackpad to scroll?
Trackpads have built-in inertia, throwing wheel event until it reaches the target which trigger Lenis scrollTo. What you experience here is wheel events that arrives after your effect. There is nothing you can do to avoid that since your system considers you're still scrolling.

[clementroche]

We're working on a new version of lenis/snap that looks the same as you're doing. Check this out:

https://codepen.io/ClementRoche/pen/MYKyRQm?editors=1010

[arnaudbrowet]

Just looked at your pen, and while interesting, it's not really working on my side, the snapping does not behave always coherently. maybe there are some possible option ? for example, snap as soon as the top of the container as reach x% of the viewport. scrolling up does not bring snapping neither
And what about un-regular section height? in my own project, the section will be at least 100vh, but might be larger.

still, I think the question about lenis momentum/velocity not being reset on stop is still relevant :)

[clementroche]

I've already answered about your "lenis momentum/velocity question", it's related to how trackpads throw wheel events. Your system still consider user is scrolling, Lenis can't handle that.

In my Codepen you can play with the distanceTheshold value, it supports any section size.