Content blocks scrolling horizontally

Animations
1

Hey gang,
I am trying to create a vertically scrolling page that has a section that scrolls horizontally, once you reach it. Ideally, after the content is finished scrolling (to the far right block) you would continue to scroll down the page vertically.

This video depicts what I am speaking of to a T, albeit in Wix:

Is this possible in Readymag?

Thank you!

2

Hello David, check out this tutorials on horizontal scroll: TikTok - Make Your Day. And there’s another one featuring our preset: TikTok - Make Your Day.

3

Yes, it’s definitely possible to achieve horizontal scrolling within a vertically scrolling page in Readymag. Here’s how you can do it:

  1. Use Horizontal Scroll Sections: In Readymag, you can create a horizontal scrolling effect by setting up a section that triggers horizontal movement when the user reaches it. You can do this by adding a new block specifically for this purpose and then using animations to control the scroll behavior.
  2. Sticky Positioning for Smooth Transition: You can use sticky positioning on the horizontally scrolling section, which will ensure that it stays fixed while the user scrolls horizontally through the content. Once the content is fully scrolled, the page will continue to scroll vertically.
  3. Scroll Trigger Animations: You can also apply scroll trigger animations to control how the elements appear and behave when scrolling horizontally. This gives you more control over the timing and flow of the horizontal section before continuing with the vertical scroll.

I recommend exploring Readymag’s “Trigger” and “Sticky” settings in the animation tab to get the effect you’re looking for, similar to what you saw in the Wix video.

Hope this helps! Let me know if you need further clarification.