henery

So, I think I found a solution using scrollTrigger snap. Just in case anyone is following the topic. https://codepen.io/sryhnry/pen/vYRrqwq I am aware that using both an observer to scroll to a section and snap may seem redundant, as I could remove the observer and have basically the same functionality. The thing is I really like how smooth observer + scrollTo looks since the scrollbar doesn't jump and then snap, it scrolls directly to the snap point. Idk I'm just playing around! Thanks again for the help. I'm still learning the library and it's so much fun but it can get very complex as well!

Oh yes. That solves it. Thanks! The problem now is that the scroll snap was there so to make sure that when scrolling through sections without the mouse wheel (i.e. using the up and down buttons on the scrollbar, or dragging the scrollbar itself) it always snapped to one section. Now, it doesn't snap unless navigating with the mouse wheel. I'll see if I can find a way to make it work like when snap was set, but without setting it. Suggestions are appreciated Thanks for the help again. https://codepen.io/sryhnry/pen/xxWzxMQ

Hi! Thanks for the suggestion! I've done that but the glitch still happens, I've tested with a Macbook to see if it was my other computer but it also happens there. https://codepen.io/sryhnry/pen/xxWzxMQ scrollbug.mov

Hi! I am trying to make a slightly delayed ScrollTo animation when the user scrolls up/down using observer plugin. It works, but when the delay value is small it sometimes glitches, jumping directly to the scroll position instead of playing the animation. Here's a video where the animation works the first time but glitches the next times. Thanks in advance for the help scroll.mp4

Thanks for the answer Cassie. You're right, it looks like for some reason passing effects: false to the vars object doesn't work. So actually my question doesn't matter that much! Most of the demo isn't my code, I've just written the event listener logic over a fork of this ScrollSmoother+Nuxt integration example that @OSUblake posted. I'm going to try and look for the reason why effects: false doesn't work but maybe he knows?

Hi everyone, I'm trying to find a way to disable ScrollSmoother effects (like data speed) globally whenever the device window width is smaller than a certain value. Here's a demo using the Nuxt.js starter (I will be using Nuxt for the real project) in which I try to set up an event listener to get the device's width and then pass a computed property (useEffects) to the vars object that sets the effects to true or false. After this I refresh the scrollTrigger, but it doesn't seem to work, as the effects remain enabled. Am I missing something? Is there a particular way to do this? Thanks for the help!