Tīpoka ki te ihirangi matua Tīpoka ki te whakaterenga tuhinga
Check
in English

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>