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
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    内部类
    四种权限修饰符
    final关键字
    多态
    关于接口
    c语言学习
    嵌入式-文件I/O
    嵌入式-基础三-打印-粘贴
    嵌入式-基础二
    嵌入式-基础一
  • 原文地址:https://www.cnblogs.com/JamyWong/p/10847077.html
Copyright © 2011-2022 走看看