Turanga

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-topwhaipainga 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-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>