ویژگی overflow-anchor CSS

تعریف و استفاده

overflow-anchor این ویژگی برای باز کردن قفل نکته‌های رولینگ (scroll anchoring) استفاده می‌شود.

نکته‌های رولینگ یک ویژگی از مرورگر است که برای جلوگیری از حرکت ناحیه‌ای که در حال حاضر در视‌پورت قرار دارد، هنگام بارگذاری محتوای جدید استفاده می‌شود. این معمولاً در حالتی که اتصال اینترنت کند است یک مشکل می‌شود، یعنی کاربر در حالی که صفحه به طور کامل بارگذاری نشده است، به پایین صفحه می‌رود و شروع به خواندن می‌کند.

مثال

باز کردن قفل نکته‌های رولینگ:

div {
  overflow-anchor: none;
}

تست کنید

نوع‌جمله CSS

overflow-anchor: auto|none|initial|inherit;

مقدار ویژگی

مقدار توضیحات
auto مقدار پیش‌فرض. باز کردن قفل نکته‌های رولینگ.
none باز کردن قفل نکته‌های رولینگ.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به: initial.
inherit این ویژگی را از عنصر پدر خود ارث می‌برد. به: inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
ارث‌برداری: خیر
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
نوع‌جمله جاوااسکریپت: object.style.overflowAnchor="none"

پشتیبانی مرورگر

تعداد در جدول نشان‌دهنده نسخه مرورگر اولیه‌ای است که این ویژگی را کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 پشتیبانی نمی‌شود 43.0

صفحات مرتبط

آموزش:CSS پر کردن

منبع:ویژگی overflow CSS