Streaming live at 10am (PST)

Trouble with horizontal scroll effect

Hi all,

I’m having a little bit of a headache trying to figure out how to make my horizontal scroll effect work. Tried this tutorial ( https://webflow.com/blog/creating-horizontal-scrolling) and read all the topics I could find, but now I feel like im just too blind… The trigger animation should be set up right, the problem ist it’s starting scrolling way too early and is cutting half of the content at the end off.

It’s the black section “gallery” that should scroll…

Thanks in advance for any help! :woman_shrugging:
Viktoriya

Here is my public share link: [https://preview.webflow.com/preview/viktoriyas-exceptional-project-7e5ed8?utm_medium=preview_link&utm_source=designer&utm_content=viktoriyas-exceptional-project-7e5ed8&preview=61b0322567ce6cf91a8888bb0a2250f1&mode=preview](http://Link :-))
(how to access public share link)

Hi @viktoriya, your trigger is on the wrong div, it should be on the class=“gallery”.

Hey @WebDev_Brandon,

thank you!
I just put it on “gallery” it’s still not working though :confused:

Anyone? :frowning_face:

I have right now three problems:

  1. It starts scrolling in the middle of the page, so first section is not getting shown
  2. I have now in all the other vertical sections a white background on the white side (when you scroll right)
  3. The content of the horizontal boxes doesn’t show on mobile

Thanks in advance!

Hi Viktoriya.

  1. Set your scroll position in the interactions to around 1%. You can adjust this to have it start scrolling where you want.

  2. Could you re-phrase the question? :upside_down_face:

  3. Set the “The Content” and “a block” flex box to “Vertical”. :slight_smile:

I see you got the horizontal scroll fixed?

Oh and you may want to check your viewport width (vw) on those divs… in “Mobile View”.

Hey Danny,

thank you! I’ll check your recommendations tomorrow out! :blush::hibiscus:

1 Like