Matsayi

Kafaffen saman

Sanya wani kashi a saman tashar kallo, daga gefe zuwa gefe. Tabbatar cewa kun fahimci madaidaicin matsayi a cikin aikin ku; ƙila ka buƙaci ƙara ƙarin CSS.

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

Kafaffen kasa

Sanya wani kashi a kasan tashar kallo, daga gefe zuwa gefe. Tabbatar cewa kun fahimci madaidaicin matsayi a cikin aikin ku; ƙila ka buƙaci ƙara ƙarin CSS.

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

saman m

Sanya wani kashi a saman tashar kallo, daga gefe zuwa gefe, amma sai bayan ka gungurawa sama da shi. Mai .sticky-topamfani yana amfani da CSS's position: sticky, wanda ba shi da cikakken tallafi a duk masu bincike.

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

M saman m

Hakanan akwai bambance-bambance masu amsawa don .sticky-topamfani.

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