شوێن

ئەم سوودمەندیانەی کورتکراوە بەکاربهێنە بۆ ڕێکخستنی خێرای شوێنی توخمێک.

بەها باوەکان

پۆلەکانی جێگیرکردنی خێرا بەردەستە، هەرچەندە وەڵامدەرەوە نین.

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

سەرەوەی جێگیر

توخمێک لە سەرەوەی دەرچەی بینینەکە دابنێ، لە لێوارەوە بۆ لێوارێکی تر. دڵنیابە لە لقەکانی پێگەی جێگیر لە پڕۆژەکەتدا تێدەگەیت؛ لەوانەیە پێویستت بە زیادکردنی CSS ی زیادە بێت.

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

بنی جێگیر کراوە

توخمێک لە بنی دەرچەی بینینەکەدا دابنێ، لە لێوارەوە بۆ لێوارێکی تر. دڵنیابە لە لقەکانی پێگەی جێگیر لە پڕۆژەکەتدا تێدەگەیت؛ لەوانەیە پێویستت بە زیادکردنی CSS ی زیادە بێت.

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

سەرەوەی چەسپاو

توخمێک لە سەرەوەی دەرچەی بینینەکەدا دابنێ، لە لێوارێکەوە بۆ لێوارێکی تر، بەڵام تەنها دوای ئەوەی بەسەریدا تێپەڕیت. سوودمەندییەکە .sticky-topCSS's بەکاردەهێنێت position: sticky، کە لە هەموو وێبگەڕەکاندا بە تەواوی پشتگیری ناکرێت.

IE11 و IE10 position: stickyوەک position: relative. بەم شێوەیە، ئێمە ستایلەکان لە @supportsپرسیارێکدا دەپێچینەوە، چەسپاوییەکە تەنها بۆ ئەو وێبگەڕانە سنووردار دەکەین کە دەتوانن بە باشی ڕەندەری بکەن.

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