I’d like to make interaction for section scroll into view.
Like the sample below:
The section comes up to 100% and stop, turns to grey.
Then the text scroll in.
After the text goes to the right position, the whole section starts to move again.
Please see my setting right now below
Now the section just keeps moving. I am not sure if it relates to the animation boundaries…
If anyone can help me to find out if this interaction is possible to do or not, I really appreciate a lot.
Here is my site Read-Only:
August 2, 2019, 7:48am
Welcome to the forum
You need to use
Thanks for your reply.
Should I use the position: sticky for the section?
Once I make the section sticky, the text looks great when it comes up.
However, the section just sticks there and don’t move again.
How can I make the whole section scroll up again?
August 6, 2019, 6:29am
Did you follow the Webflow tutorial?
August 9, 2019, 8:07am
You need a wrapping div that the Section will move inside of it (now it is moving and sticking relative to the body).
Once you have a wrapping div, you should set the scroll interaction on it (since the sticky section does not scroll regularly).
I made a div to wrap the section.
And try to set the section sticking relative to the div. But I just can’t change the setting.
Do you know why?
Is it possible to have a simple video to show me the right step to make it?
August 21, 2019, 8:44am
The only thing missing now is that you give the
Sticky div height (something bigger then the
full body height)
btw, your naming convention can be confusing.
The element you named
sticky div is the wrapper of the sticky element.