Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Umberto's Achievements

  1. Sorry, I thought it was a gsap problem. I will try to fix everything. Thank you
  2. 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
  3. 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
  4. I will also try your new solution. My previous post I found a new solution, can you take a look if everything is correct?
  5. I think I solved it like this: https://codepen.io/umberto/pen/NWBwoya Is that right?
  6. 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
  7. 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?
  8. Your work is perfect. Thank you for your time
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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