စီစ်တင့်ပြောင်းလဲကျသော ကျသောကွင်းအခြောက်ချိုး အရှေ့ပိုင်း

定义和用法

scroll-padding-block-start 属性指定在块方向上，从容器起始位置到子元素吸附位置的距离。

这意味着，当你停止滚动时，滚动将快速调整，并在块方向上，于吸附位置和容器之间指定的距离处停止。

块方向是指相对于现有行的位置，下一行被放置的方向。这也是具有 CSS display: block; 的标签（如

和

实例

例子 1

设置从容器起始位置到吸附位置的块方向滚动内边距为 20px：

div {
  scroll-padding-block-start: 20px;
}

亲自试一试

例子 2：图片库

在具有吸附行为的图片画廊中，可以使用 scroll-padding-block-start 属性将图片推至固定元素下方：

#container {
  scroll-padding-block-start: 30px;
}

亲自试一试

例子 3

当容器元素的 writing-mode 属性值设置为 vertical-rl 时，块方向上的容器起始位置和子元素从顶部移动到右侧。这会影响滚动吸附行为以及 scroll-padding-block-start 属性的工作方式：

#container {
  scroll-padding-block-start: 20px;
  writing-mode: vertical-rl;
}

亲自试一试

CSS 语法

scroll-padding-block-start: auto|value|initial|inherit;

属性值

နည်းပညာ အချက်အလက်

ဘာသာပြန်လည်ဖြည့်ဖျန်းမှု

အချက်အလက်များတွင် အသုံးပြုသော ဘာသာပြန်လည်ဖြည့်ဖျန်းမှု သဘောတူ ဘာသာပြန်ပြီး ပါဝင်သော ဘာသာပြန်လည်ဖြည့်ဖျန်းမှု ပုံစံ ကို ပြသည်။

相关页面

参考：စီစ်တင့်ပြောင်းလဲကျသော ကျသောကွင်းအောက်လွှတ်ခြင်း

参考：စီစ်တင့်ပြောင်းလဲကျသော ကျသောကွင်းအခြောက်ချိုး

参考：CSS writing-mode 属性