New feature alert: Sticky Position

Be in the know
,
1

Overview:
You can now apply a position sticky scroll behaviour to elements in order to create interactive experiences across your site.

Sticky position allows elements and sections to switch between a relative position and a fixed position while scrolling the page. You can set an offset value above the element. When the element reaches the point you defined, it will stick to the viewport until it reaches the bottom edge of the parent container.

How to?
Select the element / section, go to the inspector panel, or right click the element, and You will find the ‘Sticky’ under ‘Scroll’.

https://static.wixstatic.com/media/a27d24_8dd630aeb8fd435ca48612707d85bedb~mv2.gif(image larger than 4 MB)

Keep in mind:

  • Go to ‘Preview’ in order to see the sticky effect.

  • Make sure the sticky element / section is at front, to see the full effect, you can do so by right clicking the element > arrange > bring to front.

6 Likes
2

This will open up many creative design options. That we can change the hierarchy of the sticky element is great. Great work and Thanks.

Please look into the ability to change the hierarchy of the fixed element as below. This will also open up more design options and make sense as a fundamental design function.

https://www.editorxcommunity.com/forum/wish-list/request-fixed-pin-and-change-hierarchy