Posisyon

Giayo nga tumoy

Ibutang ang usa ka elemento sa ibabaw sa viewport, gikan sa ngilit ngadto sa ngilit. Siguroha nga imong nasabtan ang mga sangputanan sa natudlong posisyon sa imong proyekto; tingali kinahanglan nimong idugang ang dugang nga CSS.

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

Giayo nga ubos

Ibutang ang usa ka elemento sa ubos sa viewport, gikan sa ngilit ngadto sa ngilit. Siguroha nga imong nasabtan ang mga sangputanan sa natudlong posisyon sa imong proyekto; tingali kinahanglan nimong idugang ang dugang nga CSS.

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

Malagkit nga ibabaw

Ibutang ang usa ka elemento sa ibabaw sa viewport, gikan sa ngilit ngadto sa ngilit, apan human lang nimo kini i-scroll sa ibabaw niini. Ang .sticky-toputility naggamit sa CSS's position: sticky, nga dili hingpit nga gisuportahan sa tanan nga mga browser.

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

Responsive nga sticky top

Adunay usab mga responsive nga mga kalainan alang sa .sticky-toputility.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>