Tulaga

Fa'aoga nei fa'aoga fa'apuupuu mo le fa'atulagaina vave o le tulaga o se elemene.

Tulaga masani

E avanoa vasega fa'atulagaina vave, e ui lava e le tali mai.

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

Fa'amau i luga

Fa'atulaga se elemene ile pito i luga ole va'aiga, mai lea pito i lea pito. Ia mautinoa e te malamalama i faʻafitauli o le tulaga tumau i lau poloketi; atonu e te mana'omia le fa'aopoopoina o le CSS fa'aopoopo.

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

Fa'amau i lalo

Fa'atulaga se elemene ile pito i lalo ole va'aiga, mai lea pito i lea pito. Ia mautinoa e te malamalama i faʻafitauli o le tulaga tumau i lau poloketi; atonu e te mana'omia le fa'aopoopoina o le CSS fa'aopoopo.

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

Pipi pito i luga

Fa'atulaga se elemene ile pito i luga ole va'aiga, mai lea pito i lea pito, ae se'i vagana ua e ta'avale i tua. O .sticky-toplo'o fa'aogaina e le fa'aoga le CSS's position: sticky, lea e le'o lagolagoina atoatoa i su'esu'ega uma.

IE11 ma le IE10 o le a faʻaalia position: stickye pei o position: relative. E pei o lea, matou te afifiina sitaili i se @supportsfesili, faʻatapulaʻa le pipii i na o suʻesuʻega e mafai ona faʻaalia lelei.

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