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. Ka whakamahi te .sticky-top
whaipainga CSS's position: sticky
, e kore e tino tautokona i roto i nga kaitirotiro katoa.
<div class="sticky-top">...</div>
Runga piri piri
He rereke ano te whakautu mo .sticky-top
te 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>