Matsayi

Yi amfani da waɗannan kayan aikin gajeriyar hannu don daidaitawa da sauri matsayi na wani abu.

Ƙimar gama gari

Akwai azuzuwan sakawa cikin sauri, kodayake ba sa amsawa.

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

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.

IE11 da IE10 za su position: stickyzama kamar position: relative. Don haka, muna nannade salon a cikin @supportstambaya, tare da iyakance mannewa ga masu bincike kawai waɗanda za su iya yin sa yadda ya kamata.

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