Closed DanielKNDZ closed 5 months ago
Please share a reproduction link.
By applying transform to your element you're increasing the scrollHeight
so lenis limit is wrong. You should animate those element inside a wrapper with overflow:clip
Please share a reproduction link. By applying transform to your element you're increasing the
scrollHeight
so lenis limit is wrong. You should animate those element inside a wrapper withoverflow:clip
Got it! Thank you! Now it works well with overflow: clip!
Hello. I constantly encounter an issue when using Lenis Scroll and animations that are off-screen. In this case, I'm using GSAP to animate images. Example:
Overall, Lenis Scroll continues to work, but at the end of the page, there's a sudden scroll stop instead of a smooth one. The problem definitely lies with the position of the animated elements that are outside the viewport. How can this be fixed?
PS: If I change y: 1000 to y: -1000 to animate from the top, scrolling smoothly stops when scrolling back up.