scroll-padding-left

版本：CSS3

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

示例

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

/*  values */
scroll-padding-left: 10px;
scroll-padding-left: 1em;
scroll-padding-left: 10%;

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

浏览器支持

语法

取值

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

实例

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

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com