scroll-padding-block-end

版本： CSS3

scroll-padding-block-end 性定义滚动端口的最佳查看区域的块维度中结束边缘的偏移量：该区域用作在用户视图中放置对象的目标区域。这使得作者可以排除被其他内容（如固定位置的工具栏或侧栏）遮挡的滚动端口区域，或者只是在目标元素和滚动端口边缘之间留出更多的喘息空间。

示例

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

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

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

浏览器支持

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

语法

scroll-padding-block-end : auto | <length> | <percentage>

取值

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

实例

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