• 技术文章 >Web开发 >css教程

    css中sticky属性是什么

    小妮浅浅小妮浅浅2021-07-20 13:43:01原创145

    说明

    1、position的新属性sticky,在屏幕范围内(viewport)设置sticky元素时,该元素的位置不会受到定位的影响(设置为top、left等属性无效),当该元素的位置将移出偏移范围时,定位又会变成fixed,并根据left、top等属性进行固定。

    2、sticky属性解决了对象脱离常规流时下部对象瞬间偏移的问题,就像relative和fixed的组合。

    实例

    .sticky {
        position: -webkit-sticky;
        position:    -moz-sticky;
        position:     -ms-sticky;
        position:         sticky;
        top: 1px;
    }

    以上就是css中sticky属性的介绍,希望对大家有所帮助。更多css学习指路:css教程

    专题推荐:css sticky
    品易云
    上一篇:css中position常见的四个属性值 下一篇:css中sticky属性有什么特点

    相关文章推荐

    • css语法规则的组成• css和html的区别分析• css中浮动如何理解• css中tag的介绍• js和css有什么区别• css3和less有什么区别• css设置所有标签的方法• css样式冲突的解决办法• css行内样式的介绍• css中流的概念介绍• css文档流的两种特性• css写五角星的方法• css设置溢出不换行的方法• css使用transform垂直对齐• css中position常见的四个属性值

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网