Rewş

Van arîkaran bikar bînin ji bo zû mîhengkirina pozîsyona hêmanekê.

Li ser vê rûpelê

Top Fixed

Hêmanek li jora dîmenderê, ji qerax heya berxê bi cih bikin. Bawer bikin ku hûn di projeya xwe de encamên pozîsyona sabît fam dikin; dibe ku hûn hewce ne ku CSS-ê zêde zêde bikin.

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

Binê sabît

Hêmanek li binê dîmenderê, ji keviyê berbi keviya bi cih bikin. Bawer bikin ku hûn di projeya xwe de encamên pozîsyona sabît fam dikin; dibe ku hûn hewce ne ku CSS-ê zêde zêde bikin.

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

Sticky top

Hêmanekê li jora dîmenderê bi cih bikin, ji keviyê ber bi kêlekê, lê tenê piştî ku hûn pê re bigerin.

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

Top asê ya bersivdar

Guhertoyên bersivdar jî ji bo .sticky-topkarûbariyê hene.

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

Binê asê

Hêmanek li binê dîmenderê bi cih bikin, ji keviyê berbi kevîyê, lê tenê piştî ku hûn pê re bigerin.

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

Binê asê ya bersivdar

Guhertoyên bersivdar jî ji bo .sticky-bottomkarûbariyê hene.

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