စက်တင်ဘက် စီးကားလှည့်ချိန် ပေါ်လျှက် အထိပ်ခြေလျှက် အခြေအား

အသုံးပြုနည်းဥပဒေ

scroll-padding-top အခြေအနေ ကို အကြွေးအစား အပိုင်း မှ အကြွေးအစား အပိုင်း အသုံးပြုသော အကွာအဝေး ကို ချမှတ်သည်。

စက်တန်းမှန်းချက် သည် လမ်းကြောင်းကို ရပ်ဆိုင်စဉ် အကြွေးအစား အပိုင်းတွင် အသုံးပြုသော အချက်အလက် ဖြစ်သည်。

吸附位置由 scroll-snap-align 属性设置,但也可能受到 CSS 属性 direction နှင့် writing-mode 的影响。

注意:此属性仅在吸附位置设置在子元素顶部时有效。

要看到 scroll-padding-top 属性的效果,必须在子元素上设置 scroll-snap-align 属性,并在父元素上设置 scroll-padding-top နှင့် scroll-snap-type အချက်အလက်

အမှတ်

အမှတ် 1

အော်ဂန်ဘာသာစကား အရ အန်းတူးရေး အချက်အလက် ကို အော်ဂန်ဘာသ�စကား အရ အန်းတူးရေး အချက်အလက် ကို သတ်မှတ်ရမည်။

အော်ဂန်ဘာသာစကား အရ အန်းတူးရေး အချက်အလက် ကို အော်ဂန်ဘာသ�ာစကား အရ အန်းတူးရေး အချက်အလက် ကို သတ်မှတ်ရမည်။
  div {
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

scroll-padding-top: 20px;

scroll-padding-top အမှတ် 2: အမှတ်အချက်အလက်

#container {
  scroll-padding-top: 30px;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 3: အော်ဂန်ဘာသာစကား အရ အန်းတူးရေး အချက်အလက် ကို အော်ဂန်ဘာသာစကား အရ အန်းတူးရေး အချက်အလက် ကို သတ်မှတ်ရမည်။

အချက်အလက် ကို လျှင် scroll-padding-top အချက်အလက် ကို လျှင် အဆင်းသတ်ကြည့်ပါ

#container {
  scroll-padding-top: 30px;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 4: စက်ရုံး အချက်အလက်

အချက်အလက် scroll-padding-top အချက်အလက် ကို အသုံးပြုလျှင်writing-mode အချက်အလက် ကို ကွဲပြားစေသည်။ ထို့ကြောင်းကို အသုံးပြုလျှင်scroll-padding-top အချက်အလက် မမြောက်မြတ်ကြောင်း

#container {
  writing-mode: vertical-rl;
  scroll-padding-top: 30px;
}
#container > div {
  scroll-snap-align: start none;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

CSS ဘာသာစကား

scroll-padding-top: auto|value|initial|inherit;

အချက်အလက်

အတိုင်း ဖော်ပြ
auto မူကြမ်း အတိုင်း
length

px, pt, cm စသည်ဖြင့် scroll-padding-top ကို သတ်မှတ်ရမည်။

အန္တရာယ် မပါဘဲ သတ်မှတ်ရန်။ ထို့ကြောင်းကို ကြည့်ရန်အယ်လ်စ်စ် စက်တင်း ဗဟိုအချုပ်

% အော်ဂန်ဘာသာစကား အရ အကွက်အရိုး အနက် အချက်အလက် ကို သတ်မှတ်ရမည်။
initial အချက်အလက်ကို မူကြမ်း အတိုင်း သတ်မှတ်ရမည်။ ထို့ကြောင်းကို ကြည့်ရန် initial
inherit အဖွဲ့အစည်းမှ အချက်အလက်ကို ထိုအချက်အလက်ကို လက်ခံရမည်။ ထို့ကြောင်းကို ကြည့်ရန် inherit

နည်းပါးစွာ

မူကြမ်း အတိုင်း auto
အားပေးမှု မမရှိ
အန်းတူးရေး ထောက်ခံခြင်း မရှိသည်။ ထို့ကြောင်းကို ကြည့်ရန်အန်းတူးရေး အချက်အလက်
ပုံစံ CSS3
JavaScript ဘာသာစကား object.style.scrollPaddingTop="20px"

ဘာသာစကား ထောက်ခံမှု

အော်ဂန်ဘာသာစကားအရ အချက်အလက်များ သည် ထိုအချက်အလက်ကို ပထမပေါ် ထောက်ခံသော ဘာသာစကား ဘာသာစကား ပုံစံကို ကိုးကွယ်သည်။

ခလုံ အန်ဂျာ ဖရက်ခ် ဆာဖာ အိုပ်ရှာ
69.0 79.0 68.0 14.1 56.0

相关页面

参考:စက်ပယ်အလိုက် ပယ်ကျောက်

参考:စက်တင်ဘက် စီးကားလှည့်ချိန် အဆိုင်ချိန် အခြေအား

参考:စက်တင်ဘက် စီးကားလှည့်ချိန် အဆိုင်ချိန် အခြေအား

参考:စက်တင်ဆိပ် အကျယ်အဝန်း ရှိ အခြား အားကစား မူကွဲ