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-top
goireas a’ cleachdadh CSS’s position: sticky
, nach eil a’ faighinn làn thaic anns a h-uile brobhsair.
Bheir IE11 agus IE10 seachad position: sticky
mar position: relative
. Mar sin, bidh sinn a’ cuairteachadh nan stoidhlichean ann an @supports
ceist, a’ cuingealachadh cho steigeach ri dìreach brobhsairean as urrainn a thoirt seachad gu ceart.
<div class="sticky-top">...</div>