粘性定位sticky

粘性定位:

  可以被认为是相对定位和固定定位的混合

语法:

  选择器{position:sticky;top:10px}

粘性定位的特点:

  1、以浏览器的可视化窗口为参照点移动元素

  2、粘性定位占有原先的位置(相对定位特点)

  3、必须添加top、left、right、bottom其中一个才有效

实现效果:(一般跟页面滚动搭配使用。)

  跟随页面滚动,当超过某一特定距离时,由相对定位变成了固定定位。

缺点:兼容性差不支持IE

posted @ 2020-11-18 11:00  cccool  阅读(356)  评论(0编辑  收藏  举报