Two independent columns slider

Design help General
#1

Hello everyone,

I am trying to make an image gallery which lays out on two vertical columns that scrolls independently (so when you scroll on one column the other stays static)

here is an example:
https://jaeha.kim

is it possible to do it in webflow?

Thanks!

#2

These are simply two div blocks, each one with 50% width. The one on the right has position static, the other has position fixed.

You can see my read only linke here:

https://preview.webflow.com/preview/forum-help2020?utm_medium=preview_link&utm_source=dashboard&utm_content=forum-help2020&preview=8e146a733fd8d6b61cd07ad47a8043ac&mode=preview

Here you can find the live website

https://forum-help2020.webflow.io/

If still isn’t clear I can send you the project, just send me the email associated with your webflow’s account here or in a privata message.

#3

Thanks @Luca! will give it a try!

#4

Hey again @Luca, I gave it a quick try and it looked pretty good, but the right column won’t scroll at all. I am trying to achieve two scrollable columns (just like in the example I shared above)

here is my read only link:
https://preview.webflow.com/preview/naomi-kaplan-studio?utm_medium=preview_link&utm_source=designer&utm_content=naomi-kaplan-studio&preview=e72621fd9d6bfc99f3f0140be04325f9&mode=preview

am I doing something wrong? It was hard for me to tell in your example if the right div was scrolling or not…

Thanks for your help!

#5

My bad, I never placed the cursor and the right side of the website you linked, so I didn’t notice that it could scroll too.

As far as I know, it isn’t possible to hide the overflow using a hover trigger in Webflow.

You could have something similar by having an interaction on hover. When the visitor hovers over the right side, you can make it move down while the left side stands still and the opposite when he hovers the right.

#6

Thanks @Luca, will it work on mobile as well? and can you explain a little bit more on the mouse hover effects?