in English
Say
Yuz dɛn ɛp ya fɔ kɔnfigyut di pozishɔn fɔ wan ɛlimɛnt kwik kwik wan.
Na dis pej
Fiks di tɔp
Pozishɔn wan ɛlimɛnt na di tap pan di viupɔt, frɔm di ɛj to di ɛj. Mek shɔ se yu ɔndastand di ramifications fɔ fiks pozishɔn na yu prɔjek; yu kin nid fɔ ad ɔda CSS.
<div class="fixed-top">...</div>
Fiks di bɔt
Pozishɔn wan ɛlimɛnt na di bɔt ɔf di viupɔt, frɔm di ɛj to di ɛj. Mek shɔ se yu ɔndastand di ramifications fɔ fiks pozishɔn na yu prɔjek; yu kin nid fɔ ad ɔda CSS.
<div class="fixed-bottom">...</div>
Stika tɔp
Pozishɔn wan ɛlimɛnt ɔp di viupɔt, frɔm wan ɛj to di ɔda ɛj, bɔt na afta yu skrol pas am. Di .sticky-top
yutiliti de yuz CSS’s position: sticky
, we nɔ rili sɔpɔt na ɔl di brɔuza dɛn.
<div class="sticky-top">...</div>
Rispɔnsiv stika tɔp
Rispɔnsiv vɛryushɔn dɛn de bak fɔ .sticky-top
yutiliti.
<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>