In order to do a horizontal scroll first, and then a vertical, I need a custom code? Really? For webflow is such a difficult task? Other people create more complex sites in Webflow without any custom codes.
There’s no horizontal scroll. There’s a page and there’s an overlaying section with a video. You should consider just a simple page and an overlay section that you change the dimensions of with scroll triggers. It’s not even on-scroll, it’s just a scroll trigger: 2 events to resize the overlay video. When that works, you can give more appearing/disappearing events to the title block, and appearing interaction on the body of text.
I think you can do all of this with even just Interaction Legacy.
edit: looking at it again, the title block can be part of the video section, as it’s on top of the video. So you have a normal page with the article body, and a section that’s fixed, containing title and video. And you animate all of this.
I did it. Everything turned out to be very simple. Thanks, @vincent that showed me the correct idea about the site. in fact there are only two blocks. And need to animate only ONE BLOCK !!!))) But I had to do the animation in interactions 2.0 (not in Legacy). Animation by the way is so simple that even a child can do it. I failed it at first, because I misunderstood the site’s structure.
Haha kudos Barsik, glad I could help
You used iX2 to have a control over the scroll/anim, but your example didn’t even require that. It only had triggers to start the animation, not a scroll hack per se.
I guess the result is almost identical anyway.
Good simple layout, I may try my hand at it one day
