Source

Kūlana

E hoʻohana i kēia mau mea pono pōkole no ka hoʻonohonoho wikiwiki ʻana i ke kūlana o kahi mea.

Nā waiwai maʻamau

Loaʻa nā papa hoʻonohonoho wikiwiki, ʻoiai ʻaʻole lākou e pane.

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

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.

E hāʻawi ʻo IE11 a me IE10 e position: stickylike me position: relative. No laila, hoʻopili mākou i nā ʻano i loko o kahi @supportsnīnau, e kaupalena ana i ka paʻa i nā mea hoʻokele wale nō e hiki ke hāʻawi pono iā ia.

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