Umberto

Hi, thanks for the reply. In both cases I could not find a solution. With Draggable I tried to make changes to the code but now I have a new problem: Uncaught TypeError: Cannot read properties of undefined (reading 'offsetWidth') https://codepen.io/umberto/pen/jOpvqPv With ScollSmoother paused I don't know what to do. Thank you for your time

Hi, I'm trying to solve 2 problems with smoother.paused "Uncaught TypeError: Cannot read properties of undefined (reading 'paused')" and Draggable Slider Uncaught TypeError: Cannot read properties of null (reading 'querySelector') Thanks for the help

Thank you for your time ?

I will also try your new solution. My previous post I found a new solution, can you take a look if everything is correct?

I think I solved it like this: https://codepen.io/umberto/pen/NWBwoya Is that right?

I probably explained myself badly. Indeed, in the 1st example if I scroll while loading, the position is 0, while in the second the page continues to scroll down and therefore there is no position 0. I wanted this, that the one in the second example started from position 0 I hope I was clear Sorry for my English

I ask for one last help. I have tested with all animations and they work perfectly. I have only one problem with Draggable Slider. 1. In the first example, if I scroll while loading, the page stays fixed. 2. In the second example, I didn't put Draggable Slider in the HTML and when I scroll while loading the page just falls apart and doesn't stay fixed. https://codepen.io/umberto/pen/xxJXePJ https://codepen.io/umberto/pen/gOjXrPM Where am I wrong?

Your work is perfect. Thank you for your time

This job is perfect. 1. I need to block scrolling too, in fact, during loading, if I try to scroll after loading, the page is in the wrong position and not at the beginning. 2. I also tried with: // setters smoother. paused(true); // getters if (!smoother.paused()) { // do stuff... } but I did not succeed. I searched the forum for examples but couldn't find anything. Is this possible? Thank you

Hi, I wanted to fix an issue with the Preload page. I wanted to block the scrolling of the preload scrollbar, but I saw that after loading the percentage (100%) the scrollbar becomes visible and does not wait for the "LOADING" text to load. Can you help me? Thank you

This is perfect. What I intended to do is just make all animations work, and just get rid of data-speed and data-lag. But this can be fine. Thanks

Hi, sorry for my bad english. Scroll to the bottom of the page, you will see that the counter works very well, then resize the layout and you will see that all the numbers after the comma are not displayed. Thanks

All my animations, at the moment, work perfectly, only by inserting smoother.effects (). forEach (trigger => trigger.kill ()); or return () => smoother.kill (); the Counter no longer works. When I load the page everything is ok, but if I resize the layout, the numbers after the comma are no longer displayed. https://codepen.io/umberto/pen/ExREwjx Thanks

Both solutions are perfect, only if I add smoother.effects (). forEach (trigger => trigger.kill ()); const createFadeTweens = () => { ..... }; mm.add("(min-width: 800px)", () => { let skewSetter = gsap.quickTo(".js-skew", "skewY"), // fast clamp = gsap.utils.clamp(-20, 20); // don't let the skew go beyond 20 degrees. smoother = ScrollSmoother.create({ wrapper: "#smooth-wrapper", content: "#smooth-content", smooth: 2, normalizeScroll: true, ignoreMobileResize: true, effects: true, onUpdate: (self) => skewSetter(clamp(self.getVelocity() / -150)), onStop: () => skewSetter(0) }); createFadeTweens(); ScrollHoriz(); /*return () => smoother.kill();*/ }); mm.add("(max-width: 799px)", () => { createFadeTweens(); smoother.effects().forEach(trigger => trigger.kill()); }); disables not only effects but also smoother = ScrollSmoother.create({ .... smooth: 2, .... }); In practice we have the exact same solution with: return () => smoother.kill (); Is it possible not to delete the "smooth: 2" option? Thanks

Hi, this is perfect, although some animations are giving me problems, but I will try to fix them myself. Also I wanted to know if it is possible to disable only the Effects instead of all ScrollSmother. Thank you

Now I understand how it works Thanks

Yes, I know this, but in my project it is necessary to center the texts with display flex. Any solution? Thanks

Thanks for the reply. The animation is centered and that's ok. If you notice, immediately after the animation finishes, the text moves and settles, creating a kind of flickering

Hi, I have a problem with SplitText. When the animation finishes and the text is loaded, using display: flex; justify-content: center; align-items: center; to center everything, I noticed a small click on the left. This doesn't happen if I don't enter: onComplete: () => { SplitLineOut.revert () SplitLine.revert () } There is a solution? Thanks

I tried to get rid of loading = "lazy", but it keeps giving me the same problem, even with different animations. What can I do? Thanks

Hi, unfortunately this solution doesn't work, when I resize the page the image disappears. Thank you all the same

Hi, I wanted to disable ScrollSmoother in mobile, but I have a problem with the animation of the third image. When I resize the layout (min-width: 800px) the image disappears. it's probably an animation issue. Thanks for the help

Perfect ? Thanks

Hi, I upgraded from version 3.10.4 to 3.11.1, and I noticed that the counter doesn't work. https://codepen.io/umberto/pen/PoepBWj Did I make any mistakes? Thank you

Thanks ?