Source

Dreuchd

Cleachd na goireasan làmh-ghoirid seo airson suidheachadh eileamaid a rèiteachadh gu sgiobalta.

Luachan cumanta

Tha clasaichean suidheachaidh luath rim faighinn, ged nach eil iad freagairteach.

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

Mullach stèidhichte

Suidhich eileamaid aig mullach an t-seallaidh, bho oir gu oir. Dèan cinnteach gu bheil thu a’ tuigsinn buaidh suidheachadh stèidhichte sa phròiseact agad; 's dòcha gum feum thu CSS a bharrachd a chur ris.

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

Bun stèidhichte

Suidhich eileamaid aig bonn an t-seallaidh, bho oir gu oir. Dèan cinnteach gu bheil thu a’ tuigsinn buaidh suidheachadh stèidhichte sa phròiseact agad; 's dòcha gum feum thu CSS a bharrachd a chur ris.

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

Bàrr steigeach

Suidhich eileamaid aig mullach an t-seallaidh, bho oir gu oir, ach dìreach às deidh dhut gluasad seachad air. Bidh an .sticky-topgoireas a’ cleachdadh CSS’s position: sticky, nach eil a’ faighinn làn thaic anns a h-uile brobhsair.

Bheir IE11 agus IE10 seachad position: stickymar position: relative. Mar sin, bidh sinn a’ cuairteachadh nan stoidhlichean ann an @supportsceist, a’ cuingealachadh cho steigeach ri dìreach brobhsairean as urrainn a thoirt seachad gu ceart.

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