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: sticky
mar position: relative
. Mar sin, déanaimid na stíleanna a chuimsiú i @supports
bhfiosrú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>