موقعیت چسبنده چه می کند؟
موقعیت چسبنده چه می کند؟

تصویری: موقعیت چسبنده چه می کند؟

تصویری: موقعیت چسبنده چه می کند؟
تصویری: دستگاه گوارش بدن ما چگونه غذا را به مدفوع تبدیل میکند|انیمیشنهای پزشکی را در کانال قاصدک ببینید 2024, دسامبر
Anonim

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

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

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

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

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

CSS

موقعیت : چسبنده

در Firefox، Safari، و Chrome Canary (56+) پشتیبانی می شود. موقعیت CSS : چسبنده در Firefox، Safari، و Chrome Canary (56+) پشتیبانی می شود.

Webkit sticky چیست؟

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

توصیه شده: