خصائص scroll-snap-stop CSS

التعريف والاستخدام

بعد تحريك سريع على لوحة اللمس أو الشاشة اللمسية،scroll-snap-stop السمة تستخدم لتعيين ما إذا كان التمرير يمر عبر العناصر مباشرة أم يتوقف ويتم ربط العنصر التالي.

للتحكم في سلوك ربط التمرير، يجب إعداد السمة على العنصر الفرعي scroll-snap-stop و scroll-snap-align السمة، بالإضافة إلى إعداد scroll-snap-type السمة.

ملاحظة: يجب استخدام علامة التمرير على جهاز يحتوي على لوحة اللمس أو الشاشة اللمسية للاستمتاع scroll-snap-stop تأثير السمة.

مثال

بعد تحريك سريع على لوحة اللمس أو الشاشة اللمسية، قم بإجبار التمرير على التوقف وربط العنصر التالي مباشرة بدلاً من تمرير العناصر المقبلة:

div {
  scroll-snap-stop: always;
}

جرب بنفسك

جملة CSS

scroll-snap-stop: normal|always|initial|inherit;

قيمة السمة

القيمة الوصف
normale القيمة الافتراضية. بعد تحريك سريع على لوحة اللمس أو الشاشة اللمسية، يتوقف التمرير ببطء ويقفز إلى عدة عناصر.
always بعد تحريك سريع على لوحة اللمس أو الشاشة اللمسية، يتوقف التمرير ويتم ربط العنصر التالي بالتركيز.
initial اعتماد هذا السمة إلى قيمته الافتراضية. انظر initial.
inherit يرث هذا السمة من عنصر الأب. انظر inherit.

تفاصيل التقنية

القيمة الافتراضية: normale
التنحيب: لا
تحريك الكائن: غير مدعوم. يرجى الرجوع إلى:خصائص التحريك.
الإصدار: CSS3
جافا سكريبت الجملة: object.style.scrollSnapStop="always"

دعم المتصفح

الرقم في الجدول يعني إصدار متصفح يدعم هذا السمة بشكل كامل.

كروم إدج فايرفوكس سفاري أوبرا
75.0 79.0 103.0 15.0 62.0

الصفحات ذات الصلة

المرجع:خصائص scroll-snap-align CSS

المرجع:خصائص scroll-snap-type CSS