position: sticky；实现顶部悬停，吸顶效果

position: sticky元素在特定阈值前为相对定位，之后为固定定位

 

div{

  position: sticky;
  top: 10;

}

在 视口滚动到元素 top 距离小于 10px 之前，元素为相对定位。之后，元素将固定在与顶部距离 10px 的位置，直到视口回滚到阈值以下