ما هو Webkit sticky؟
ما هو Webkit sticky؟

فيديو: ما هو Webkit sticky؟

فيديو: ما هو Webkit sticky؟
فيديو: 5 Reasons your CSS Sticky Position won't work! 2024, يمكن
Anonim

موقع : لزج طريقة جديدة ل موقع العناصر ويشبه من الناحية المفاهيمية موقع : مثبت. الفرق هو أن العنصر مع موقع : لزج يتصرف مثل موقع : نسبي داخل أصله ، حتى يتم استيفاء حد إزاحة معين في منفذ العرض.

علاوة على ذلك ، ماذا يفعل الموقف اللزج؟

عنصر به موقع : لزج ؛ يتم وضعه بناءً على تمرير المستخدم موقع . أ لزج يبدل العنصر بين النسبي والثابت ، اعتمادًا على التمرير موقع . يتم وضعه نسبيًا حتى إزاحة معينة موقع يتم استيفاءه في منفذ العرض - ثم "يلتصق" في مكانه (مثل موقع :مثبت).

قد يتساءل المرء أيضًا ، كيف أجعل موقفي ثابتًا؟ لمعرفة تأثير تحديد المواقع اللزجة ، حدد موقع : لزج الخيار وتمرير هذه الحاوية. سيتم تمرير العنصر مع الحاوية الخاصة به ، حتى يصبح في الجزء العلوي من الحاوية (أو يصل إلى الإزاحة المحددة في الأعلى) ، ثم يتوقف عن التمرير ، بحيث يظل مرئيًا.

هل يمكنني استخدام الوضع اللزج؟

دعم المتصفحات موقف مثبت مدعوم من قبل جميع المتصفحات الحديثة الرئيسية ، باستثناء متصفح IE القديم. لمتصفحات Safari لك إرادة تحتاج إلى إضافة البادئة -webkit.

ما هو الفرق بين موقف ثابت وثابت؟

دون الخوض في تفاصيل محددة ، موقع : لزج يتصرف بشكل أساسي مثل موقع : نسبي حتى يتم تمرير عنصر إلى ما بعد إزاحة معينة ، وفي هذه الحالة يتحول إلى عنصر موقع : مثبت ، مما يجعل العنصر "يلتصق" به موقع بدلاً من التمرير بعيدًا عن العرض.

موصى به: