چگونه ایجاد شود: عناصر چسبنده

عناصر چسبنده

مثال

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

آزمایش کنید

عناصر چسبنده بین قرارگیری نسبی و ثابت جابجا می‌شوند، که بستگی به موقعیت اسکرول دارد. قبل از رسیدن به موقعیت حرکت داده شده مشخص شده در视‌پورت، آن‌ها به صورت نسبی قرار می‌گیرند و سپس به صورت

توجه:Internet Explorer، Edge 15 و نسخه‌های قدیمی‌تر آن از قرارگیری چسبنده پشتیبانی نمی‌کنند. Safari نیاز به پیشوند -webkit دارد (مثال‌ها را در زیر ببینید). برای اینکه قرارگیری چسبنده عملی شود، باید حداقل یکی از top، right، bottom یا left را مشخص کنید.

صفحات مرتبط

آموزش:محل‌گذاری CSS