Posision

Usaren dagitoy a utilidad ti shorthand para iti napardas a panagikumpigar ti posision ti maysa nga elemento.

Dagiti gagangay a pateg

Magun-odan dagiti klase ti napartak a panangiposision, nupay saanda a makasungbat.

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

Natakder ti tuktok

Iposision ti maysa nga elemento iti ngato ti viewport, manipud iti igid aginggana iti igid. Siguraduenyo a maawatanyo dagiti ramifications ti fixed position iti proyektoyo; mabalin a kasapulam ti manginayon iti kanayonan a CSS.

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

Natakder ti baba

Iposision ti maysa nga elemento iti baba ti viewport, manipud iti igid aginggana iti igid. Siguraduenyo a maawatanyo dagiti ramifications ti fixed position iti proyektoyo; mabalin a kasapulam ti manginayon iti kanayonan a CSS.

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

Napigket ti tuktok

Iposision ti maysa nga elemento iti ngato ti viewport, manipud iti igid agingga iti igid, ngem kalpasan laeng ti panag-scroll-mo a lumabas iti dayta. Ti .sticky-toputilidad ket agus-usar ti CSS's position: sticky, a saan a naan-anay a nasuportaran kadagiti amin a browser.

Ti IE11 ken IE10 ket ag-render position: stickya kas position: relative. Kas kasta, balutenmi dagiti estilo iti maysa a @supportspanagsaludsod, a manglimitar ti panagpigket kadagiti laeng browser a makaiparang iti daytoy a nasayaat.

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