A sticky element is one that initially scrolls with the page but then locks into place when it reaches some specified location on the screen. After this point, the element does not disappear when the user continues scrolling down the page.
This add-on also allows animations to be placed onto the element before it becomes sticky.
The add-on has the following fields:
|Field Name||Field Type||Notes|
Specify at which point the element should convert from scrolling with the page to being locked into place.
|Stick when distance is (px)||TextField||
Lock the element into place at some pixel distance away from the selected "Stick when" option.
|Stick to which layer?||DropDown||
Specify the layer order of the element after it becomes sticky.
|How long to stick||Dropdown||
Specify when the element should become un-sticky from its locked position and resume to scrolling with the page as normal.
Stick to layer
Specify the placement of the sticky element to be one of the following:
- Stick in front - element remains on top of everything else so that it is always fully visible.
- Stick to current layer - element will get covered only by other objects placed in-front of it.
- Stick behind everything - element remains behind everything else and never hides other objects.
How long to stick
Specify when the sticky element should stop being sticky and return to scrolling with the page. An element can remain in its sticky state until any of the following conditions:
- Until the bottom of the page is reached
- Until a specified distance, in pixels, has been scrolled
- Until another specified element comes within a given distance of the sticky element