scroll-padding

版本： CSS3

scroll-padding 速记属性在元素的所有边上设置滚动填充内边距，就像 padding 属性对元素填充所做的那样。

示例

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

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

/* Global values */
scroll-padding: inherit;
scroll-padding: initial;
scroll-padding: unset;

浏览器支持

IE、safari浏览器不支持 scroll-padding ，其余浏览器都支持 scroll-padding

语法

scroll-padding : auto |[ <length> | <percentage> ]{1,4}

取值

• auto ：偏移量由用户代理决定。这通常是0px，但如果非零值更合适，则用户代理可以自由检测并执行其他操作。
• <length> ：从滚动容器的左边缘开始。取值参见 <length> 。
• <percentage> ：从滚动容器的左边缘开始。取值参见 <percentage> 。

实例

scroll-padding: 0;
scroll-padding: 20px;
scroll-padding: 2em;