zoukankan      html  css  js  c++  java
  • position:sticky

    前言:
    position:sticky是css定位新增属性;可以说是相对定位relative和固定定位fixed的结合;它主要用在对scroll事件的监听上;简单来说,在滑动过程中,某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top:100px);position:sticky这时的效果相当于fixed定位,固定到适当位置。
    使用:
    #sticky-nav {
    position: sticky;
    top: 100px;
    }
    设置position:sticky同时给一个(top,bottom,right,left)之一即可
    使用条件:
    1、父元素不能overflow:hidden或者overflow:auto属性。
    2、必须指定top、bottom、left、right4个值之一,否则只会处于相对定位
    3、父元素的高度不能低于sticky元素的高度
    4、sticky元素仅在其父元素内生效
    ---------------------
    作者:小bearBear
    来源:CSDN
    原文:https://blog.csdn.net/qq_35585701/article/details/81040901
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    纪伯伦:我曾七次鄙视我的灵魂
    字典和集合
    元组
    列表
    字符串
    数值类型
    内置函数了解一下
    了解Python
    centos7安装mysql数据库
    xenserver 上传centos6.8镜像
  • 原文地址:https://www.cnblogs.com/JamyWong/p/10847077.html
Copyright © 2011-2022 走看看