Main content ah kal rawh Docs navigation ah kal rawh
in English

Dinhmun

Element pakhat awmna tur rang taka configure nan heng helper te hi hmang ang che.

Fixed top a ni

Viewport chung lamah element pakhat dah la, a sir atanga a sir thlengin dah rawh. I project-a fixed position-a ramifications awmte chu i hrethiam ngei ang che; CSS dang i dah belh a ngai mai thei.

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

Fixed a hnuai lam

Viewport hnuai lamah element pakhat dah la, a sir atanga a sir thlengin dah rawh. I project-a fixed position-a ramifications awmte chu i hrethiam ngei ang che; CSS dang i dah belh a ngai mai thei.

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

A chung lam chu a sticky hle

Viewport chung lamah element pakhat dah la, edge atanga edge thlengin dah la, mahse a scroll kal pelh hnuah chauh dah rawh. .sticky-topUtility hian CSS’s a hmang a , position: stickychu chu browser zawng zawngah a support kim lo.

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

Responsive sticky top a awm bawk

.sticky-topUtility atan pawh responsive variation a awm bawk .

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