Kūlana

Paʻa luna

E hoʻonoho i kahi mea ma luna o ka ʻaoʻao ʻike, mai kahi ʻaoʻao a i kahi ʻaoʻao. E hoʻomaopopo pono ʻoe i nā hopena o ke kūlana paʻa i kāu papahana; pono paha ʻoe e hoʻohui CSS hou.

<div class="fixed-top">...</div>

Paʻa lalo

E hoʻonoho i kahi mea ma lalo o ka puka nānā, mai ka ʻaoʻao a i ka ʻaoʻao. E hoʻomaopopo pono ʻoe i nā hopena o ke kūlana paʻa i kāu papahana; pono paha ʻoe e hoʻohui CSS hou.

<div class="fixed-bottom">...</div>

luna lāʻau

E hoʻonoho i kahi mea ma luna o ka ʻaoʻao ʻike, mai kahi ʻaoʻao a hiki i kahi ʻaoʻao, akā ma hope wale nō o kou hele ʻana ma mua. Hoʻohana ka .sticky-toppono i kā CSS position: sticky, ʻaʻole i kākoʻo piha ʻia i nā polokalamu kele pūnaewele āpau.

<div class="sticky-top">...</div>

luna lāʻau pane pane

Loaʻa nā ʻokoʻa pane no .sticky-topka pono.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>