شوێن
ئەم سوودمەندیانەی کورتکراوە بەکاربهێنە بۆ ڕێکخستنی خێرای شوێنی توخمێک.
بەها باوەکان
پۆلەکانی جێگیرکردنی خێرا بەردەستە، هەرچەندە وەڵامدەرەوە نین.
<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-top
CSS's بەکاردەهێنێت position: sticky
، کە لە هەموو وێبگەڕەکاندا بە تەواوی پشتگیری ناکرێت.
IE11 و IE10 position: sticky
وەک position: relative
. بەم شێوەیە، ئێمە ستایلەکان لە @supports
پرسیارێکدا دەپێچینەوە، چەسپاوییەکە تەنها بۆ ئەو وێبگەڕانە سنووردار دەکەین کە دەتوانن بە باشی ڕەندەری بکەن.
<div class="sticky-top">...</div>