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

© payever. All rights reserved.

English (United Kingdom)