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

前言：position:sticky是css定位新增属性；可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。 使用： #sticky-nav { position: sticky; top: 100px; } 设置position:sticky同时给一个(top

一、简介 CSS的 position 属性设置元素的定位方式，为将要定位的元素定义定位规则。该属性对脚本编写动画特效十分有用。 1、定位元素（positioned element)是计算后位置属性分为： relative（相对）、absolute（绝对） 、 fixed（固定） 或 sticky （粘性）的元素。 2、top 、right、bottom、left属性指定定位元素的位置。 3、Z-index 设置定位元素的叠层顺序，也就是在z轴的位置，值可以为正负数，值越大离用户越近（也就是显示的

position属性 position属性指定用于元素的定位方法的类型（静态，相对，固定，绝对或粘性）。 有五种不同的值：   •static •relative •fixed •absolute •sticky 然后使用top，bottom，left和right属性定位元素。但是，除非首先设置position属性，否则这些属性将不起作用。根据位置值，它们的工作方式也不同。 position:static; 默认情况下，HTML元素定位为静态。静态定位元素不受top，bottom，left和ri