Turanga
Whakamahia enei kaiawhina mo te whirihora tere i te tuunga o tetahi huānga.
Te tihi mau
Whakatakotoria he huānga ki runga o te tauranga tirohanga, mai i tetahi tapa ki tetahi tapa. Kia mohio koe ki nga hua o te tuunga i roto i to kaupapa; ka hiahia koe ki te taapiri i etahi atu CSS.
<div class="fixed-top">...</div>
Raro mau
Whakaturia he huānga ki raro o te tauranga tirohanga, mai i tetahi tapa ki tetahi tapa. Kia mohio koe ki nga hua o te tuunga i roto i to kaupapa; ka hiahia koe ki te taapiri i etahi atu CSS.
<div class="fixed-bottom">...</div>
runga piri
Whakatakotoria he huānga ki te tihi o te tauranga tirohanga, mai i tetahi taha ki tetahi tapa, engari i muri i to panuku i mua.
<div class="sticky-top">...</div>
Runga piri piri
He rereke ano te whakautu mo .sticky-topte whaipainga.
<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>
Raro piri
Whakatakotoria he huānga ki raro o te tauranga tirohanga, mai i tetahi taha ki tetahi tapa, engari i muri i to panuku i mua.
<div class="sticky-bottom">...</div>
Uru piri ki raro
He rereke ano te whakautu mo .sticky-bottomte whaipainga.
<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>