စက်တင်စက်ကျော်တန်း လျှော့ချသည့်အနက် အခြား

အကျိုးဖြစ်ခြင်း နှင့် အသုံးပြုခြင်း

scroll-margin-right 属性指定吸附位置与容器之间的距离。

吸附位置是指子元素在停止滚动时，其在容器中固定到位的位置。吸附位置通过 scroll-snap-align ဘာသာစကား အပ်ကာ direction နှင့် writing-mode အချက်အလက်

မှတ်ချက်အချက်အလက် မှ အခြေခံ အပိုင်းစိတ် အခြေခံ အခြေခံ မှ သို့ ပြောင်းလဲသည်

မြင်တွေ့ scroll-margin-right ဘာသာစကား ကို အသုံးပြုပါ scroll-margin-right နှင့် scroll-snap-align ဘာသာစကား နှင့် scroll-snap-type အချက်အလက်

ဘာသာစကား

အမှတ်

ဘာသာစကား 1

အခြေခံ နှင့် အခြေခံ အပိုင်းစိတ် အကြာ ကို 20px ဖြင့် သတ်မှတ်ပါ
  div {
}

ကိုယ်တိုင် ကျင်းပပါ

scroll-margin-right: 20px;

scroll-margin-right ဘာသာစကား 2: အယ်လ်ဒီယို ဘယ်အရာscroll-margin-right အသုံးပြုသူ ကို ဘယ်အရာ ကို သိပါကြလော့။ ပထမ အယ်လ်ဒီယို ကို လှည့်ပြီး အခြေခံ ကို ကြည့်ပါ

#container > img {
  scroll-margin-right: 30px;
}

ကိုယ်တိုင် ကျင်းပပါ

ဘာသာစကား 3: အခြေခံ အပိုင်းစိတ်

အချက် scroll-margin-right အချက်အလက် မှ အလုပ်ဆောင်direction အချက်အလက် မှ အပိုင်းစိတ် ကို ကိုယ်ပိုင် အခြေခံ မှ သို့ ပြောင်းလဲသည်။ အဆိုပါ ကြော်ငြာ ကို အသုံးပြုပါscroll-margin-right အချက်အလက် မှ အလုပ်ဆောင်

#container {
  direction: rtl;
}
#container > div {
  scroll-margin-right: 30px;
  scroll-snap-align: none end;
}

ကိုယ်တိုင် ကျင်းပပါ

CSS ဘာသာစကား

scroll-margin-right: 0|ဘယ်အရာ|initial|inherit;

အချက်အလက်

နည်းပါး

ဘာသာစကား ထောက်ပံ့

အော်ဂန်းများ တွင် ပြောင်းလဲသော အချက်အလက် သည် ထို အကိုးအခံ အရေးကြီး သည့် ဘာသာစကား ကို ထောက်ပံ့သော ဘာသာစကား အဆင့် သည် ဖြစ်ပါသည်。

相关页面

参考：စက်တင်စက်ရုံးလက်ရှိတိုက်ဆိုင်ရာ

参考：စက်တင်စက်ကျော်တန်း လျှော့ချသည့်အနက် အောက်

参考：စက်တင်စက်ကျော်တန်း လျှော့ချသည့်အနက် အောက်

参考：ပုံရိုး writing-mode အစိုးရရှိရန်