CSS scroll-snap-stop کیمپٹی

تعریف اور استعمال

تختی یا لمسی اسکرین پر تیز تیزی سے چلنے کے وقت،scroll-snap-stop اس خاصیت، اسکرول کو سیدھی عناصر کو چھو رہا جائے گا یا اسکرول کو متوقف کرکے اگلے عناصر پر لگائی جائے گا، کا تعین کرتا ہے

اسکرول آپریشن کو کنٹرول کرنے کے لئے، پٹی عناصر پر خصوصیات کو سیٹ کرنا ضروری ہوگا scroll-snap-stop اور scroll-snap-align خصوصیات، اور والد عناصر پر scroll-snap-type خصوصیات

توجہ داد: آپ کو لمسی تختی یا لمسی اسکرین والے جیسی سے استعمال کرنا پڑسکتا ہے تاکہ آپ کو اس خصوصیت کا تجربہ کریں scroll-snap-stop خصوصیت کا اثر

مثال

تختی یا لمسی اسکرین پر چلنے کے دوران، اسکرول کو سخت متوقف کرکے اگلے عناصر پر لگائی جائے گا، جس سے ناگزیر طور پر عناصر کو چھو رہا جائے گا:

div {
  scroll-snap-stop: تو درامد;
}

خود بخود کوشش کریں

سی ایس ایس زبان

scroll-snap-stop: نرمال|تو درامد|ابتدائی|وراثت;

خصوصیت کا مقدار

مقدار مقصد
نرمال مقصد طور پر۔تختی یا لمسی اسکرین پر تیز تیزی سے چلنے کے بعد، اسکرول آرام سے تیزی سے کمزور ہوجائے گا اور کئی عناصر کو چھو رہا جائے گا。
تو درامد تختی یا لمسی اسکرین پر تیز تیزی سے چلنے کے بعد، اسکرول متوقف ہوجائے گا اور اگلے عناصر کو مرکز میں لایا جائے گا。
ابتدائی اس خصوصیت کو اس کی ابتدائی وقوع میں رکھنا، دیکھیئے: ابتدائی。
وراثت از پیر اپنے وسیلے سے اس خصوصیت کو وراثت لینا، دیکھیئے: وراثت。

تکنیکی تفصیلات

دفعہ طور پر: نرمال
وراثت: نہیں
آنیماشن کی تیاری: نام پشتیبندیآنیماشن سے متعلق خصوصیات。
ورژن: سی ایس ایس 3
جاوا اسکریپت زبان: object.style.scrollSnapStop="always"

براوزر کی پشتیبندی

جداول میں دیکھی جانے والی اعداد، اس ویژگی کی پورا پورا سپورٹ کرنے والی ابتدائی براوزر کی نسخہ کا نشان دہی کرتے ہیں。

کروم ایج فائرفاکس سافاری آپرا
75.0 79.0 103.0 15.0 62.0

صفحات مرتبط

منابع:CSS scroll-snap-align کیمپٹی

منابع:CSS scroll-snap-type کیمپٹی