Source

Post

Bain úsáid as na fóntais ghearrshaolacha seo chun suíomh eiliminte a chumrú go tapa.

Comhluachanna

Tá ranganna suite tapa ar fáil, cé nach bhfuil siad sofhreagrach.

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

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. Úsáideann an .sticky-topáirgiúlacht CSS's position: sticky, nach dtacaítear go hiomlán leis i ngach brabhsálaí.

Déanfaidh IE11 agus IE10 position: stickymar position: relative. Mar sin, déanaimid na stíleanna a chuimsiú i @supportsbhfiosrúchán, ag teorannú an ghreamaitheachta do na brabhsálaithe amháin atá in ann é a sholáthar i gceart.

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