scroll-padding
试一试
scroll-padding-*
属性定义视口最佳查看区域的偏移量:用作将内容放置在用户视野中的目标区域的区域。这允许作者排除视口中被其他内容(例如固定定位的工具栏或侧边栏)遮挡的区域,或在目标元素和视口边缘之间留出更多呼吸空间。
组成属性
此属性是以下 CSS 属性的简写形式
语法
css
/* Keyword values */
scroll-padding: auto;
/* <length> values */
scroll-padding: 10px;
scroll-padding: 1em 0.5em 1em 1em;
scroll-padding: 10%;
/* Global values */
scroll-padding: inherit;
scroll-padding: initial;
scroll-padding: revert;
scroll-padding: revert-layer;
scroll-padding: unset;
值
<length-percentage>
-
从视口对应边缘向内的偏移量,作为有效的
<length>
或<percentage>
。 auto
-
偏移量由用户代理确定。这通常为
0px
,但如果非零值更合适,则用户代理可以自由检测并执行其他操作。
正式定义
初始值 | 与简写形式的每个属性相同
|
---|---|
应用于 | 滚动容器 |
继承 | 否 |
百分比 | 相对于滚动容器的视口 |
计算值 | 与简写形式的每个属性相同
|
动画类型 | 按计算值类型 |
正式语法
规范
规范 |
---|
CSS 滚动捕捉模块级别 1 # scroll-padding |
浏览器兼容性
BCD 表格仅在浏览器中加载