Problem with smoother.paused and Draggable

[Umberto 7 Likes (Newbie)]

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

See the Pen NWBwoya by umberto (@umberto) on CodePen

[GreenSock 18,577 Likes (Superhero)]

Those look like just JavaScript problems, unrelated to anything with GSAP. 

 

"Uncaught TypeError: Cannot read properties of null (reading 'querySelector')"

That's because you defined container as document.querySelector(".js-experience-slider") but there is no such element. 

const proxy = container.querySelector(".proxy");

 

[Umberto 7 Likes (Newbie)]

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')

 

See the Pen jOpvqPv by umberto (@umberto) on CodePen

With ScollSmoother paused I don't know what to do.

 

Thank you for your time

[Rodrigo 5,407 Likes (Superhero)]

Hi,

 

This is exactly the same error Jack already pointed out:

const slides = document.querySelectorAll(".js-experience-slide");
console.log(slides); // <- Returns an empty node list

So this is undefined:

slides[0] // Undefined!!

Please solve and work your JS/Logic issues since they are not GSAP related.

 

Happy Tweening!

[Umberto 7 Likes (Newbie)]

Sorry, I thought it was a gsap problem.

I will try to fix everything.

 

Thank you