DevShelf

Appearance

scroll-padding ​

描述 ​

scroll-padding 简写属性一次在元素的所有侧面设置滚动填充，就像 padding 属性对元素上的填充所做的那样。 scroll-padding-\* 属性定义滚动端口最佳查看区域的偏移量：用作将事物放置在用户视图中的目标区域的区域。这允许作者排除滚动端口中被其他内容（例如固定位置的工具栏或侧边栏）遮挡的区域，或者在目标元素和滚动端口边缘之间留出更多的喘息空间。

效果展示 ​

语法 ​

css
/* Keyword values */
scroll-padding: auto;

/* <length> values */
scroll-padding: 10px;
scroll-padding: 1em 0.5em 1em 1em;
scroll-padding: 10%;

值 ​

  • auto 偏移量由用户代理确定。这通常是 0px ，但是用户代理可以自由地检测并执行其他操作（如果非零值更合适）。
  • <length-percentage> 从滚动端口的相应边缘向内的偏移量，作为有效的 <length> 或 <percentage> 。