Open Job Positions
Open Job Positions
Sticky position
Back to Videos
Steps
1. Select first section
2. Click on the position type in the right side panel
3. Select sticky position
4. Stick it to the Top with 0px
5. Stick some other section to the bottom with 0px
6. Publish
7. Open published url
8. Scroll the page
Expecter Result: Section from step 1 is sticket to top from start and section from step 5 is sticked to bottom from start
9. Change stick value for both section to 50px
10. Repeat steps 6-8
Expecter Result: Section from step 1 is sticket to top with 50px margin from start and section from step 5 is sticked to bottom with 50px margin from start
11. Put the first section as a second section
12. Repeat steps 6-8
Expecter Result: Second section stics to the top after the first section fully scrolled
13. Add shape to the sectio
14. Change position of this shape to the sticky
15. Repeat steps 6-8
Expecter Result: After page is srolled to the sticked shape - shape should stick to top and should be sticket till the parent section is fully scrolled
Hints
Elements can be sticked to bottom and top. Based which position you set when select sticky