Hla mus rau cov ntsiab lus tseem ceeb Hla mus rau docs navigation
Check
in English

Txoj hauj lwm

Siv cov kev pab no kom sai kho txoj hauj lwm ntawm ib lub caij.

Ntawm nplooj ntawv no

Tsau saum

Muab cov khoom tso rau saum toj ntawm qhov chaw saib, los ntawm ntug mus rau ntug. Nco ntsoov tias koj nkag siab qhov cuam tshuam ntawm txoj haujlwm ruaj khov hauv koj qhov project; Tej zaum koj yuav xav tau ntxiv CSS ntxiv.

<div class="fixed-top">...</div>

Tsau hauv qab

Muab cov khoom tso rau hauv qab ntawm qhov chaw saib, los ntawm ntug mus rau ntug. Nco ntsoov tias koj nkag siab qhov cuam tshuam ntawm txoj haujlwm ruaj khov hauv koj qhov project; Tej zaum koj yuav xav tau ntxiv CSS ntxiv.

<div class="fixed-bottom">...</div>

nplaum sab saum toj

Muab cov khoom tso rau saum toj ntawm qhov chaw saib, ntawm ntug mus rau ntug, tab sis tsuas yog tom qab koj scroll dhau nws.

<div class="sticky-top">...</div>

Teb nplaum sab saum toj

Teb variations kuj muaj rau kev .sticky-topsiv.

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

Nplaim qab

Muab cov khoom tso rau hauv qab ntawm qhov chaw saib, ntawm ntug mus rau ntug, tab sis tsuas yog tom qab koj scroll dhau nws.

<div class="sticky-bottom">...</div>

Teb nplaum qab

Teb variations kuj muaj rau kev .sticky-bottomsiv.

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