滚动页面，实现导航栏固定在顶部（吸顶效果）

利用position的sticky属性

  position: sticky;
  position: -webkit-sticky;    // 兼容 -webkit 内核的浏览器
  top: 10px;                          // 必须设一个值，否则不生效

万能方式处理

思路：前提时需要监听scroll事件
1）滚动条不动时，是静态相对定位状态relative
2）当页面滚动超出设置距离时，js改变样式属性 切换定位状态变成fixed，同时再给top设置一个值

css部分

// 滚动条不动时
.box{
   
position