in English
شوێن
ئەم یارمەتیدەرانە بەکاربهێنە بۆ ڕێکخستنی خێرای شوێنی توخمێک.
لەم پەیجەدا
سەرەوەی جێگیر
توخمێک لە سەرەوەی دەرچەی بینینەکە دابنێ، لە لێوارەوە بۆ لێوارێکی تر. دڵنیابە لە لقەکانی پێگەی جێگیر لە پڕۆژەکەتدا تێدەگەیت؛ لەوانەیە پێویستت بە زیادکردنی CSS ی زیادە بێت.
<div class="fixed-top">...</div>
بنی جێگیر کراوە
توخمێک لە خوارەوەی دەرچەی بینینەکە دابنێ، لە لێوارەوە بۆ لێوارێکی تر. دڵنیابە لە لقەکانی پێگەی جێگیر لە پڕۆژەکەتدا تێدەگەیت؛ لەوانەیە پێویستت بە زیادکردنی CSS ی زیادە بێت.
<div class="fixed-bottom">...</div>
سەرەوەی چەسپاو
توخمێک لە سەرەوەی دەرچەی بینینەکە دابنێ، لە لێوارێکەوە بۆ لێوارێکی تر، بەڵام تەنها دوای ئەوەی بەسەریدا تێپەڕیت. سوودمەندییەکە .sticky-top
CSS'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>