Sticky: Stick component at the top of your side bar

About

sticky is a property of a block component that will stick their position to the top of your page.

This component are generally in aside bar such as the sidebar or sidekickbar.

Sticky blocks are perceived much better by visitors than unfixed widgets and therefore they have a significantly higher click-through rate.

beta

New: webcode outputs iframe for page syntax in order to demonstrate the sticky attribute

Syntax

Adding the sticky attribute will made them sticky.

<tag sticky="true"></tag>

Page top

If you have a fixed top navbar, this is the height of your navbar, otherwise this is the top of the window.

Example

<row align="center" width="600px" text-align="center">
  <cell>
      <note>😎</note>
      <note>😎</note>
      <note>😎</note>
  </cell>
  <cell>
      <note>😎</note>
      <note>😎</note>
      <note>😎</note>
  </cell>
  <cell>
      <note>😎</note>
      <note>😎</note>
      <note>😎</note>
  </cell>
</row>

😎

Documentation / Reference

Sticky sidebar:
- until the bottom (https://sticksy.js.org/)
- https://rgalus.github.io/sticky-js/