ဂုဏ်သတ္တိ scroll-behavior

ဂုဏ်သတ္တိ scroll-behavior သည် element တစ်ခုအတွင်း ချောမွေ့သော သို့မဟုတ် ချက်ချင်းလှိမ့်ခြင်းကို သတ်မှတ်ပေးသည်။ ဂုဏ်သတ္တိသည် တန်ဖိုးနှစ်ခုကို လက်ခံပါသည် auto (ချက်ချင်း element သို့ပြောင်းခြင်း) နှင့် smooth (ချောမွေ့သော ပြောင်းခြင်း)။

ဝါကျဖွဲ့စည်းပုံ

cssရွေးချယ်သူ {
  scroll-behavior: auto သို့မဟုတ် smooth;
}

ဥပမာ . တန်ဖိုး auto

ချက်ချင်းလှိမ့်ခြင်းကို သတ်မှတ်ကြပါစို့:

html<div>စာသား</div>
cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

ဥပမာ . တန်ဖိုး smooth

ယခု ချောမွေ့သော လှိမ့်ခြင်းကို သတ်မှတ်ကြပါစို့:

html<div>စာသား</div>
cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

ဤအကြောင်းကိုလည်း ကြည့်ပါ

  • ဆူဒိုကလပ် :fullscreen,
    အပြည့်အဝမျက်နှာပြင် မုဒ်တွင် element များအတွက် စတိုင်သတ်မှတ်ပေးသည်
  • ဆူဒိုကလပ် :default,
    စံသတ်မှတ်ချက်အတိုင်း element များအတွက် စတိုင်သတ်မှတ်ပေးသည်