I’m new to webflow and not very familiar with all its magic features. So need your advice.
I need your help with some rather simple task but I have no idea how to solve it. My goal is to make two columns. The right one (blue) will be sticky with some animations on scroll. It requires to be 500vh high. The left column (blue) will contain some cards inside and it will be way smaller than the right column. And my main issue is to make the left column STOP at the bottom of the right block while it is still scrolling with its animations.
Ok, it worked. If I understand you correctly, do you want the right section to animate while scrolling? If so, set the animation on the left section (let the left section be the trigger), and in the animation itself you can animate what is in the right section. If you leave 500vh, the left section would also have to be exactly 500vh, but it will be much better to adjust to the content - it will be easier to set the responsiveness.
Here’s a video of how it works with the hight set to auto and an animation triggered by the left section and animated by the right section.
I was not specific about the animation of the right part. The goal is to make it sticky and animate content INSIDE card when the trigger scroll into view. And the left part will be scroll much faster than all content inside the right card. Here is the updated version where I fixed the left side to the bottom. But in that case, it stays still at first and starts to scroll at the bottom. What I’m trying to achieve — left side scrolls when in view, right side changes images inside the card on a scroll by triggers AND I want is to stop the left side when it reaches the end but the right side will continue changing images a little bit longer while scrolling.
Hope I could explain a little more solid than before
Hi,
Sorry, I didn’t have time yesterday to work on this as promised. Fortunately, today I was able to jump into webflow and test the idea. It works.
Hope that’s what you meant and helped