CSS position定位（fixed、sticky）

CSS position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法，本文通过一个实际场景来分析一下 fixed，sticky 的区别。

定义回顾

• fixed 生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
• sticky 粘性定位，该定位基于用户滚动的位置。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。