Trigger interactions on horizontal scroll

Design help Animations & Interactions
1

Is there any way to trigger an scroll into view interaction as I scroll/drag horizontally?

I’m using GSAP’s draggable to create the horizontal drag with inertia. Now I need to trigger a scroll into view or something similar as an element appear in the viewport horizontally.

Any idea how to achieve this?

Here’s what I got right now: https://sociedadvino.webflow.io/scroll-grab

2

Easier to solve this using some slider plugin and build-in API events (on slide change or slide into view do X or Y). Most modern sliders support drag (No need for GSAP for this idea).

Do you want solution by webflow interaction or by custom code?

For specific GSAP solution its better to ask this Q under GSAP forum (Add codepen).

3

I tried with fullPage.js but isn’t possible to trigger interactions on horizontal slide.

Do you know about any plugin that allow me to trigger Webflow’s native interactions when I slide horizontally?

4

No way to bind webflow core interactions (“trigger play”) with custom JS code (No API for this).

You try to work with scroll into view? (I am not near laptop to test this idea).

One more idea:

5

I’m going to try Slick slider with scroll into view right know. I’ll let you know. Thanks

I think this is not an option because I need my slides to snap on each drag/swipe and AFIK that is not possible with the scrolling into view interaction. Right?

6

It doesn’t work with scroll into view interaction. Here’s an example:

https://full-page-slider-test-3b7192.webflow.io/

Read only:

https://preview.webflow.com/preview/full-page-slider-test-3b7192?utm_medium=preview_link&utm_source=designer&utm_content=full-page-slider-test-3b7192&preview=d2c4f8753fc14747fada113b3a0320b7&mode=preview