Téigh ar aghaidh chuig an bpríomhábhar Scipeáil chuig nascleanúint docs
Check

Bain úsáid as na cúntóirí seo chun suíomh eilimint a chumrú go tapa.

Barr seasta

Cuir eilimint ag barr an amhairc, ó imeall go himeall. Bí cinnte go dtuigeann tú na hiarmhairtí a bhaineann le suíomh seasta i do thionscadal; seans go mbeidh ort CSS breise a chur leis.

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

Bun seasta

Cuir eilimint ag bun an amhairc, ó imeall go himeall. Bí cinnte go dtuigeann tú na hiarmhairtí a bhaineann le suíomh seasta i do thionscadal; seans go mbeidh ort CSS breise a chur leis.

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

Barr greamaitheach

Cuir eilimint ag barr an amhairc, ó imeall go ciumhais, ach go dtí go scrollaíonn tú anuas air.

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

Barr greamaitheach sofhreagrach

Tá éagsúlachtaí sofhreagracha ann freisin maidir le .sticky-tophúsáid.

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

Bun greamaitheach

Cuir eilimint ag bun an amhairc, ó imeall go ciumhais, ach go dtí go scrollaíonn tú anuas air.

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

Bun greamaitheach sofhreagrach

Tá éagsúlachtaí sofhreagracha ann freisin maidir le .sticky-bottomhúsáid.

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