Pozicio

Uzu ĉi tiujn stenografioservaĵojn por rapide agordi la pozicion de elemento.

Komunaj valoroj

Rapidaj poziciaj klasoj haveblas, kvankam ili ne estas respondemaj.

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

Fiksa supro

Metu elementon ĉe la supro de la vidfenestro, de rando ĝis rando. Certiĝu, ke vi komprenas la konsekvencojn de fiksa pozicio en via projekto; vi eble bezonos aldoni plian CSS.

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

Fiksita fundo

Metu elementon ĉe la fundo de la vidfenestro, de rando ĝis rando. Certiĝu, ke vi komprenas la konsekvencojn de fiksa pozicio en via projekto; vi eble bezonos aldoni plian CSS.

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

Glueca supro

Metu elementon ĉe la supro de la vidfenestro, de rando ĝis rando, sed nur post kiam vi rulu preter ĝi. La .sticky-topilo uzas CSS-on position: sticky, kiu ne estas plene subtenata en ĉiuj retumiloj.

IE11 kaj IE10 bildigos position: stickykiel position: relative. Kiel tia, ni envolvas la stilojn en @supportsdemandon, limigante la gluiĝecon al nur retumiloj, kiuj povas agordi ĝin.

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