详解CSS粘性定位 sticky

前言: position:sticky是css定位新增属性; 可以说是static(没有定位) 和 固定定位fixed 的结合; 它主要用在对 scroll 事件的监听上;简单来说,在滑动过程中,某个元素距离其父元素的距离达到 sticky 粘性定位的要求时(比如top:100px); position:sticky这时的效果相当于fixed定位,固定到适当位置 讲 sticky 定位之前,我先说一下position 的其他定位, absolute: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的 位置通过"left", "top", "right" 以及 "