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-top
pono 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: sticky
like me position: relative
. No laila, hoʻopili mākou i nā ʻano i loko o kahi @supports
nī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>