Horizontal scroll animation does not work anymore

Design help General
1

Hi!

I did watch the Tutorials “Advanced interactions: Horizontal scroll in Webflow” and
" Fix unwanted horizontal scroll and whitespace with Overflow: hidden" from Webflow University.

The Problem: Using a wrapper with Overflow to “hidden” does solve the problem of unwanted whitespace. But on the other hand, the horizontal scroll animation does not work anymore. It seems to me, that the Camera does not stick anymore…

Does anyone have an idea how to solve that problem?

Kind regards

2

There are a couple of ways of fixing it, depending on the structure.
One is simpler than the other.

Adding a read-only link is the best way to get help. :slight_smile:

3

Oh yes, I will do that!:slight_smile: Thanks a lot!

https://preview.webflow.com/preview/daumier-juristen?utm_medium=preview_link&utm_source=dashboard&utm_content=daumier-juristen&preview=78b86080892fba64d6cfbcef9a80ddd5&workflow=preview

One has to scroll a little to find the affected area

4

the scroll doesn’t work because of the overflow-hidden-wrap. make it visible.

but you need it for the rest of the sections (exluding the horizzontalScroll1)

you can either

  1. set each of those sections to 100% width and overflow hidden
    or
  2. wrap the sections, before the scrolling one, in a div with the above settings and then the ones after in another.

I hope I made my self clear!
if not, feel free to ask :slightly_smiling_face:

1 Like
5

Yes, I understand! Thanks very much:))

1 Like