စက်တင်ဘက် စီးကားလှည့်ချိန် ပေါ်လျှက် အထိပ်ခြေလျှက် အခြေအား
အသုံးပြုနည်းဥပဒေ
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 |
相关页面
参考:စက်တင်ဘက် စီးကားလှည့်ချိန် အဆိုင်ချိန် အခြေအား