Příklady na position: sticky

Sticky prvek v divu

Zápis vypadá takhle: <h2 style="position: -webkit-sticky; position: sticky; top: 0px;">Sticky prvek v divu</h2>

Další odstavce s nějakým Lorem ipsum.

To už stačí. Zde je spodní okraj nadřazeného prvku, což je v tomto případě div.

Chování v tabulce

<tr style="position: -webkit-sticky; position: sticky; top: 0px;"><th>Nadpis ...

V Exploreru a Edge to nebude dělat nic. Ve Firefoxu nebude sticky fungovat pro tabulku.

Pro pochopení příkladu si prosím zobrazte zdroj. To podstatné je v inline stylech u h2 a tr. Příklad se vztahuje k popisu vlastnosti position.