P5 JS is not compatible with GSAP smooth scroller

p5.js
1

I have integrated smooth scroller and p5 js in my website. It is working fine in other browsers except in safari. The scroll is stucked in safari browser and I am unable to scroll.

Here is the minimal demo in codepen integrating both p5 and GSAP.

2

I’m using Safari on MacOS and it seems to work ok here.

scrl
scrl1402×536 22.5 KB

3

did you scroll using touchpad/mouse? were you able to scroll?

4

I grabbed the ‘thumb’ with my mouse (left click). Wheel does not work.

5

That’s the problem. The problem is my mouse scroller / touchpad doesn’t work. Something in between p5 and GSAP smooth scroller is conflicting. I want to know if p5 does anything with scroll event.

6

p5 has a mouseWheel function. You’ve probably already seen the documentation:
https://p5js.org/reference/p5/mouseWheel/