စျူဆိုး ပြောင်းပြီး
- ပြီးပိုင်း @scope
- နောက်ဆုံး စားသုံး scroll-margin
အသုံးပြုနည်း နှင့် အသုံးပြုခြင်း
scroll-behavior အချက်အလက် ကို သုံးပြီး အသုံးပြုသူ သည် အနှေးပေါ် အစားထိုးခြင်း ကို လှည့်ခြင်း မပြုဘဲ သားရိုးသဖြင့် လှည့်ခြင်း ကို လှည့်ပါ။
အမှတ်အသား
အခြေခံ စာအုပ်သို့ အနှေးပေါ် လှည့်ခြင်း အလှည့်လှည်း ပြုပါ:
html {
scroll-behavior: smooth;
}
CSS ဘာသာစကား
scroll-behavior: auto|smooth|initial|inherit;
အချက်အလက် အတိုင်း
| အတိုင်း | ဖော်ပြ |
|---|---|
| auto | မူကြမ်း အတိုင်း။ အနှေးပေါ် ပြောင်းလဲမှု အကြား အစားထိုးနိုင်သည့် အနှေးပေါ် လှည့်ခြင်း ကို ခွင့်ပြုပါ။ |
| smooth | အနှေးပေါ် ပြောင်းလဲမှု အကြား အစားထိုးနိုင်သည့် အနှေးပေါ် လှည့်ခြင်း ကို ခွင့်ပြုပါ။ |
| initial | အချက်အလက်ကို မူကြမ်း အတိုင်း အစားပြုပါ။ ကျမ်းကို ကြည့်ပါ: initial。 |
| inherit | အဖွဲ့အစိုးရ အချက်အလက်များမှ အချက်အလက်ကို ထိပ်သို့ ကူးယူပါ။ ကျမ်းကို ကြည့်ပါ: inherit。 |
နည်းပိုင်း
| မူကြမ်း အတိုင်း | auto |
|---|---|
| အထိပ် | ထိပ် |
| အနှေးပေါ် ဖန်တီးမှု | ထောက်ပံ့ခြင်း မရှိ။ ကျမ်းကို ကြည့်ပါ:အနှေးပေါ် ပြောင်းလဲမှု ကို ထောက်ပံ့သော အချက်အလက်。 |
| ပုံစံ | CSSOM View Module（အလုပ်အတိုင်း ဘာသာစကား） |
| JavaScript ဘာသာစကား | object.style.scrollBehavior="smooth" |
ဘာသာစကား ထောက်ပံ့
အချက်အလက်များက အခြေခံ ဘာသာစကား ကို ထောက်ပံ့သော ပထမ ဘာသာစကား ကို ရှိသည်။
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- ပြီးပိုင်း @scope
- နောက်ဆုံး စားသုံး scroll-margin
