Staða

Notaðu þessar stuttmyndir til að stilla fljótt stöðu frumefnis.

Sameiginleg gildi

Fljótleg staðsetningarnámskeið eru í boði, þó þau séu ekki móttækileg.

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

Fastur toppur

Settu frumefni efst á útsýnisglugganum, frá brún til brún. Vertu viss um að þú skiljir afleiðingar fastrar stöðu í verkefninu þínu; þú gætir þurft að bæta við viðbótar CSS.

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

Fastur botn

Settu þátt neðst á útsýnisglugganum, frá brún til brún. Vertu viss um að þú skiljir afleiðingar fastrar stöðu í verkefninu þínu; þú gætir þurft að bæta við viðbótar CSS.

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

Sticky toppur

Settu frumefni efst á útsýnisglugganum, frá brún til brún, en aðeins eftir að þú flettir framhjá honum. Tækið .sticky-topnotar CSS position: sticky, sem er ekki að fullu studd í öllum vöfrum.

IE11 og IE10 birtast position: stickysem position: relative. Sem slíkur vefjum við stílunum inn í @supportsfyrirspurn og takmörkum viðloðunina við aðeins vafra sem geta skilað þeim á réttan hátt.

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