Matsayi
Yi amfani da waɗannan abubuwan amfani na gajeriyar hannu don daidaita matsayi da sauri.
Ƙ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-top
amfani yana amfani da CSS's position: sticky
, wanda ba shi da cikakken tallafi a duk masu bincike.
IE11 da IE10 za su position: sticky
zama kamar position: relative
. Don haka, muna nannade salon a cikin @supports
tambaya, tare da iyakance mannewa ga masu bincike kawai waɗanda za su iya yin sa yadda ya kamata.
<div class="sticky-top">...</div>