![]() Solution 2 : It works, nice and smooth, and seeing it now make me feel a little dumb □ I should had come to try that !īuuuuut, I find another bug that I'm going to be to lazy to reproduce right now : in my project when I have srolled to the bottom of the page and I do a resize, it messes up the above animation, reseting them without replaying while scrolling up. Solution 3 : At first it seems good, but now I have an annoying issue with a little glitchy jump on small mousewheel events, here's a screencast,Īlso, the large wiggle of my exemple is gone, but there's still a subtle position vibration on the text. So I assume the problem don't come from Lenis not returning the good scroll value, since it works fine with older versions of gsap. Hi 1 : don't work, the latest beta have the same issue, runing my code with versions before 3.11 works fine (I tested with the 3.10.4 and it's perfect). While Locomotive is hijacking your browser scroll and you need to use Scroller Proxy! Lenis is using the default values for telling browser how far you have scrolled. ![]() I didn't find any ressources with a Lenis smooth scroll setup with scrollerProxy (wich is mandatory to keep perfect animations sync).Ĭan someone see what i'm missing or doing wrong ?įor using Lenis, you don't need to use Scrollerproxy. (the pin position is shifting by something that looks like the scrolled distance). The problem is hapenning on all animations in my project, on pinned scrolltriger stuff to, I've already setup scrollerProxy on others custom smooth scrolls, and never had this issue. If you scroll back to the top and resize the window, the animation will get back to it's normal position. It look like it's shifting proportionally to the distance scrolled. If you scroll a little bit and resize the window, the blue. I have setup a simple animation, triggered by the first. I've made a codesandbox reproducing my issue : here. My problem is when I resize the window when it has been scrolled, the scrolltriggered animations are shifted. ![]() I'm trying to use Scrolltrigger with Lenis smooth scroll inside a Next js project.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |