موقع
استخدم أدوات الاختزال المساعدة هذه لتكوين موضع عنصر بسرعة.
تتوفر فئات سريعة لتحديد المواقع ، على الرغم من أنها لا تستجيب.
ضع عنصرًا أعلى منفذ العرض ، من الحافة إلى الحافة. تأكد من أنك تفهم تداعيات الوظيفة الثابتة في مشروعك ؛ قد تحتاج إلى إضافة CSS إضافي.
ضع عنصرًا في الجزء السفلي من منفذ العرض ، من الحافة إلى الحافة. تأكد من أنك تفهم تداعيات الوظيفة الثابتة في مشروعك ؛ قد تحتاج إلى إضافة CSS إضافي.
ضع عنصرًا في الجزء العلوي من منفذ العرض ، من الحافة إلى الحافة ، ولكن بعد التمرير بعده فقط. تستخدم .sticky-top
الأداة المساعدة CSS position: sticky
، وهي غير مدعومة بالكامل في جميع المتصفحات.
سيتم عرض IE11 و IE10 position: sticky
بصيغة position: relative
. على هذا النحو ، نقوم بلف الأنماط في @supports
استعلام ، ونقصر الالتصاق على المتصفحات التي يمكنها عرضها بشكل صحيح.