Layout - Shortcodes: Sticky
Wednesday, January 20, 2016 11:37 PMShortcodes
[intense_sticky]
Description
The sticky shortcode can be used to stick an element to the page as the user scrolls. Use it to stick a sidebar or other element to the page while scrolling.
Attributes
| Attribute | Type | Dialog Title | Description | Default | Available Values |
|---|---|---|---|---|---|
| parent | text | Parent | the CSS selector of the parent to stick to. Defaults to the element's parent if left blank. | ||
| offset | text | Offset | number of pixels to offset the element when it is sticky | ||
| zindex | text | z-index | the z-index when sticky |
Examples
[intense_row id="some-row"]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
[intense_filler paragraphs="100"]
[/intense_column]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
[intense_sticky offset="200" parent="#some-row"]
[intense_alert]Sticky![/intense_alert]
[/intense_sticky]
[/intense_column]
[/intense_row]