Streaming live at 10am (PST)

Enable normal scrolling on one div with scrollify


#1

Hey everyone,

I’m trying to build a split screen website with scrollsnapping with webflow. On one div I want to have a scrollable area (longer text than 100 VH with images).

I’ve tried some custom code to enable scroll snapping with webflow, for example “Scrollify” and “Fullpage”, but I have a big problem that I can’t get the internal textscrolling inside a div to work with that. On scrollify scrolloverflow is set to true by default but it doesn’t work nevertheless. It would be great if somebody might help me.

That’s what it should look like:

Thanks in advance!


Here is my public share link: LINK


#2

Custom code is not necessary in this case.

Just do the following:
Give your .panel.two an overflow: hidden.
Remove the overflow: scroll of your paragraph.
Put the overflow: scroll on the div wrapping the paragraph.

with that you will be able to achieve the effect that you want.


#3

Thank you for your answer. I tried your suggestion but it still won’t work. I need the custom code of scrollify to have the scrollsnapping enabled. Here you can see what I mean: https://portfolio-57af9a.webflow.io/#1