Okami
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Okami
-
-
See the Pen QWWwWWQ by NickMatvievskiy (@NickMatvievskiy) on CodePen
Here is codepen of what I am trying to achieve
The section with black background should have scrollable text and only when we've reached the end, website should continue to scroll horizontally. -
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.
Horizontal scrolling website with vertical scroll sections
in GSAP
Posted
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.