Jump to content
Search Community

Horizontal scrolling website with vertical scroll sections

Okami test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I am making a website which consists of horizontally scrolled wrapper with sections. And one of the sections, when in view, have text which scrolls vertically and after text ends, main wrapper continues to scroll horizontally. I made horizontal scroll with scrollmagic and GSAP, but I am not sure if mentioned behaviour possible without use of custom scrollbar. But the problem with latter is that you need to move cursor to enable vertical scroll inside this section. 

Link to comment
Share on other sites

hi @mikel, thanks for your response. 

I am using ScrollMagic just in pair with GSAP, the latter of which makes animation described in my first post possible. I just hoped that maybe someone had similar experience or have an idea of how it can be achieved.

Unfortunately, fullPage scroll is not something that will help me here. As you can see in example I provided, I have gradual, progressive horizontal scroll with animated text appearing, which is already works with help of GSAP library. But I am still struggling to understand how to implement vertical scroll animation.

I saw some examples here with help of Scrollmagic library, so was wondering if someone can help with my case.

Thanks for your attention.

Link to comment
Share on other sites

Hey Okami and welcome to the GreenSock forums.

 

ScrollMagic isn't a GreenSock product and we don't support it here so you may not get a response from other forum members.

Maybe this post by our very own Craig can help you:

 
We really try to keep these forums focused on GSAP-specific questions. It looks like the ScrollMagic author does offer paid support which you can learn about at https://support.scrollmagic.io/.

If you have any GSAP-specific questions, we'd love to help. Good luck with your project!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...