• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • scroll-padding-left

    版本:CSS3

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

    示例

    /* Keyword values */
    scroll-padding-left: auto;
    
    /* <length> 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;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE、safari浏览器不支持scroll-padding-left,其余浏览器都支持scroll-padding-left

    语法

    scroll-padding-left:auto| <length>| <percentage>

    取值

    • auto:偏移量由用户代理决定。这通常是0px,但如果非零值更合适,则用户代理可以检测并执行其他操作。
    • <length>:滚动容器的边缘。取值参见<length>
    • <percentage>:滚动容器的边缘。取值参见<percentage>
    默认值auto
    适用于滚动框
    继承性
    动画性按计算值类型
    计算值指定值

    实例

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