CSS scroll-behavior کی خاصیت

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

scroll-behavior خصوصیت اس بات کو طے کرتی ہے کہ کاربر کو سارنوالیو میں کسی سارنوالیو پر کلک کرنے پر اسکرول بکسر کا مقام کس طرح چلنا چاہیے، یعنی مستقیم جائیداد کی جگہ پر آنیماشن سے چلنا چاہیے یا نہیں۔

مثال

اس کا اسکرول چلنا سے آسان بنائیں:

html {
  scroll-behavior: smooth;
}

آپ خود کوشش کریں

CSS گرامر

scroll-behavior: auto|smooth|initial|inherit;

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

مقدار وصف
auto مقصدی قیمت۔اس خاص خصوصیت کو اس کی اسکرول بکسر کے اندر آئیٹموں کے درمیان براہ راست جائیداد کی اجازت دیتا ہے۔
smooth اس خاص خصوصیت کو اس کی اسکرول بکسر کے اندر آئیٹموں کے درمیان چلانے کی اجازت دیتا ہے۔
initial اس خاص خصوصیت کو اس کی مقصدی قیمت پر ستارہ کریں گے۔ دیکھئے: initial.
وارسس اس خاص خصوصیت کو ان کی والد عنصر سے وارسس کریں گے۔ دیکھئے: وارسس.

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

مقصد: auto
وارسس: نہیں
آنیماشن کا تعمیر: ناممکن ہے۔ دیکھئے:آنیماشن سے متعلق خصوصیات.
ورژن: CSSOM ویو ماڈیول (کام کاج کا منصوبہ)
جسکریپٹ گرامر: object.style.scrollBehavior="smooth"

براؤزر سپورٹ

تبصرہ: جدول میں دیکھئے جانے والی شماریات، اس خاص خصوصیت کو پورا طور پر سپورٹ کرنے والی پہلی براؤزر کی نسخہ کا حوالہ دیتی ہیں。

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0