horizontal scroll faster

[uavide]

Hello I found this animation and I was wondering if there is the possibility to switch from one slide to the next with only one scroll (one time), now I have to scroll several times to go to the next one.

In this page i add some background image and for go to one slide to the next one it tooks many scrolls:

https://taxiboat.salone24.it/nuovo/
As if with a single scroll it goes directly to the next slide, as if they overlap one on top of the other.
Thanks

Davide

See the Pen RwagmXe by mikeallteams (@mikeallteams) on CodePen

[Cassie]

Heya!

 

I think you're probably looking for wheel/mouse events instead of scroll. Check out our Observer plugin.

https://greensock.com/docs/v3/Plugins/Observer

 

See the Pen XWzRraJ by GreenSock (@GreenSock) on CodePen

[uavide]

Many thanks for your answer, but i think that i finally found something that it looks ok in my case.

Now the scroller it goes faster and for me it's ok.

i just add this: - innerWidth

Before:

end: () => "+=" + document.querySelector(".horizontal-container").offsetWidth

Now:

end: () => "+=" + document.querySelector(".horizontal-container").offsetWidth - innerWidth

https://taxiboat.salone24.it/nuovo/

Thanks

Davide