吸顶效果实现

第一种 使用css 粘性定位 position: sticky; 属性实现 

<div class="topbox">
      这是顶部盒子
    </div>

.topbox {
    position: sticky;
    top:0;
    height: 30px;
    width: 100%;
    text-align: center;
    background:green;
  }

第二种 使用js，参考我的css中的 滚动动画类似