position粘性定位sticky 　position:sticky粘性定位 　　sticky是css定位中不太常用的一种定位，但是可以根据粘性定位的特性 在页面中达到你想要的效果。 　　像是某些网站，在主导航栏下面还会有副导航栏，要实现页面往下拉，副导航栏一直定位在页面顶部，除了可以用 ...

MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/position position:sticky;是粘性定位，新的定位方式，专门用于页面滚动的时候的定位，可以方便实现吸顶条的效果。 粘性定位是相对定位和固定定位的混合。元素在跨越特定阈值 ...

粘性定位（position:sticky） 　　1.定义 　　　　粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。（MDN传送门） 　　　　这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top ...

原文链接：https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/?shrink=1 作者：张鑫旭 一、Chrome杀了个 ...

滚动的时候，代表身份的本人两字一直吸顶。图如下: 发现了css定位的st ...

　　position:sticky粘性定位 　　sticky是css定位中不太常用的一种定位，但是可以根据粘性定位的特性 在页面中达到你想要的效果。 　　像是某些网站，在主导航栏下面还会有副导航栏，要实现页面往下拉，副导航栏一直定位在页面顶部，除了可以用js监听onscroll事件来实现 ...

定位有5种方式： 1. static 静态定位/无定位：没用型 用于消除定位，符合标准流; 2. relative 相对定位：自恋型 （1）相对位置占据文档流，它相对自己原来位子挪动，即移动位置参照 ...

CSS的粘性定位sticky可以起到吸顶灯的作用，用法如下 但是我在一次实践中使用该属性把导航栏做成吸顶灯效果时，却无法实现。经过一番操作后，我终于发现了问题所在，那就是 sticky 的作用范围只在父元素之内，父元素的兄弟元素会忽略这个属性，把吸顶的元素顶上去 例如下面的代码 ...