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

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