Webkit sticky چیست؟
Webkit sticky چیست؟

تصویری: Webkit sticky چیست؟

تصویری: Webkit sticky چیست؟
تصویری: The Forgotten CSS Position 2024, نوامبر
Anonim

موقعیت : چسبنده یک راه جدید برای موقعیت عناصر و از نظر مفهومی مشابه است موقعیت : درست شد. تفاوت این است که یک عنصر با موقعیت : چسبنده مانند رفتار می کند موقعیت : نسبی در والد خود، تا زمانی که یک آستانه آفست معین در پنجره دید برآورده شود.

علاوه بر این، موقعیت چسبنده چه کاری انجام می دهد؟

یک عنصر با موقعیت : چسبنده ; بر اساس اسکرول کاربر قرار می گیرد موقعیت . آ چسبنده عنصر بسته به اسکرول بین نسبی و ثابت جابجا می شود موقعیت . تا زمانی که یک افست داده شده، نسبی است موقعیت در ویوپورت ملاقات می شود - سپس در جای خود "چسب می شود" (مانند موقعیت :درست شد).

ممکن است یکی نیز بپرسد، چگونه موقعیت خود را چسبناک کنم؟ برای دیدن اثر موقعیت چسبنده ، انتخاب کنید موقعیت : چسبنده را انتخاب کنید و این ظرف را اسکرول کنید. این عنصر همراه با ظرف خود پیمایش می کند تا زمانی که در بالای ظرف قرار گیرد (یا به افست مشخص شده در بالا برسد)، و سپس پیمایش را متوقف می کند، بنابراین قابل مشاهده می ماند.

آیا می توانم از موقعیت چسبنده استفاده کنم؟

پشتیبانی از مرورگرها موقعیت چسبناک توسط تمام مرورگرهای مدرن اصلی پشتیبانی می شود، به جز IE قدیمی. برای مرورگرهای سافاری شما اراده باید پیشوند -webkit را اضافه کنید.

تفاوت پوزیشن چسبنده و ثابت چیست؟

بدون پرداختن به جزئیات خاص، موقعیت : چسبنده اساساً مانند عمل می کند موقعیت : نسبی تا زمانی که یک عنصر فراتر از یک افست خاص پیمایش شود، در این صورت تبدیل به موقعیت : درست شد ، باعث "چسبیدن" عنصر به خود می شود موقعیت به جای اینکه از دید خارج شود.

توصیه شده: