sticky
default
data-sticky
Scroll this card. Line 1.
Scroll this card. Line 2.
Scroll this card. Line 3.
Scroll this card. Line 4.
Scroll this card. Line 5.
Scroll this card. Line 6.
Scroll this card. Line 7.
Scroll this card. Line 8.
Scroll this card. Line 9.
Scroll this card. Line 10.
Scroll this card. Line 11.
Scroll this card. Line 12.
Scroll this card. Line 13.
Scroll this card. Line 14.
data-sticky
no attribute
Scroll this card. Line 1.
Scroll this card. Line 2.
Scroll this card. Line 3.
Scroll this card. Line 4.
Scroll this card. Line 5.
Scroll this card. Line 6.
Scroll this card. Line 7.
Scroll this card. Line 8.
Scroll this card. Line 9.
Scroll this card. Line 10.
Scroll this card. Line 11.
Scroll this card. Line 12.
Scroll this card. Line 13.
Scroll this card. Line 14.
for comparison
in the framework
The site header is the framework's own use of it: data-sticky on the header element, which is why the bar stays at the top of every page here. The component writes sticky, sticky-fixed and a sticky-placeholder that reserves the space the element leaves behind, so nothing jumps when it detaches.