شوێن

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

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

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

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

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

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

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

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

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

سەرەوەی چەسپاوی وەڵامدەرەوە

هەروەها گۆڕانکاری وەڵامدەرەوە بۆ .sticky-topسوودمەندی بوونیان هەیە.

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