Horizontal ScrollTrigger with custom scroller

[hellodude.it]

Hi,

my purpose is to have a ScrollTrigger on a scrollable div but i can't solve the bounce effect on scroll.
I wrote a simple code for this (the problem is quite clear from the codepen).

Can you guys help me to solve this problem?

 

Thank you,

a.

 

See the Pen eYGQGZm by _alssndr (@_alssndr) on CodePen

[OSUblake]

I'm not seeing a bounce. What OS and browser is this happening in? I would also suggesting hiding the overflow of your container. Maybe the scrollbar is messing with it.

 

 

 

[hellodude.it]

Hi,
thanks for the reply. I adjust the codepen by adding hidden overflow to the container but nothing changed.

I am using Chrome macOS, here's a video: 

 

[hellodude.it]

Hi,

can someone please help me?

[akapowl]

Sorry for the delay in getting back to you, Andrea.

 

These threads and the threads linked within should help resolve things for you. 

 

In short, try setting the pinType to fixed. 

 

On 10/28/2020 at 1:00 PM, akapowl said:

For me, changing the pinType ( setting pinType: "fixed" ) solved all issues back then.

 

 

However this will likely introduce other problems, like things not being accessable by pointer/touch events anymore - explanations for the why and suggested workarounds are to be found in the linked threads and threads linked within those. I hope that'll help. Happy scrolling!