Toerana

Ampiasao ireto fitaovana fanafohezana ireto mba handrindrana haingana ny toeran'ny singa iray.

Soatoavina iombonana

Misy kilasy fametrahana haingana, na dia tsy mamaly aza izy ireo.

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

Ambony raikitra

Mametraha singa iray eo an-tampon'ny seranan-tsambo, manomboka amin'ny sisiny mankany amin'ny sisiny. Ataovy azo antoka fa azonao ny vokatry ny toerana raikitra ao amin'ny tetikasanao; mety mila manampy CSS fanampiny ianao.

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

ambany raikitra

Mametraha singa iray eo amin'ny farany ambany amin'ny seranan-tsambo, manomboka amin'ny sisiny mankany amin'ny sisiny. Ataovy azo antoka fa azonao ny vokatry ny toerana raikitra ao amin'ny tetikasanao; mety mila manampy CSS fanampiny ianao.

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

ambony mipetaka

Mametraha singa iray eo an-tampon'ny seranan-tsambo, manomboka amin'ny sisiny mankany amin'ny sisiny, fa aorian'ny fandehananao mandalo azy ihany. Ny .sticky-topfitaovana dia mampiasa ny CSS position: sticky, izay tsy tohanana tanteraka amin'ny navigateur rehetra.

IE11 sy IE10 dia hadika position: stickyho position: relative. Noho izany, nofonosinay amin'ny @supportsfanontaniana ny fomba, mametra ny fikitihana amin'ny mpitety tranonkala afaka mamadika azy araka ny tokony ho izy.

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