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

    版本:CSS3

    scroll-margin 属性是修改一系列 scroll-margin 手写特性的快捷方式,它分配值的方式与 margin 属性为各个 margin-*手写特性分配值的方式非常类似。

    示例

    /* <length> values */
    scroll-margin: 10px;
    scroll-margin: 1em .5em 1em 1em;
    
    /* Global values */
    scroll-margin: inherit;
    scroll-margin: initial;
    scroll-margin: unset;
    

    scroll-margin 属性的值代表用于将盒元素拖拽到显示区域的拖拽滚动区域的起点。拖拽滚动区域由是由转换后边框大小的盒元素决定的,它会找到盒元素的矩形边界(在滚动的容器的坐标空间轴上),并添加指定的起点。

    浏览器支持

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

    语法

    scroll-margin:<length>{1,4}

    取值

    • <length>:从滚动容器的相应边缘开始。参见<length>
    默认值0
    适用于滚动框
    继承性
    动画性按计算值类型
    计算值指定值

    实例

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