CSS position定位(fixed、sticky)

CSS position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法,本文通过一个实际场景来分析一下 fixed,sticky 的区别。
定义回顾
  • fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
  • sticky 粘性定位,该定位基于用户滚动的位置。它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed; ,它会固定在目标位置。

    推荐阅读