CSS实现滑动吸顶功能

 

 

首先先上效果图，来筛选需要学习的同伴（驱逐，大佬退散！！！）

因为这个需求是公司微信小程序里提出来的，所以我就直接使用小程序来演示了，没学过小程序的同僚不用担心，因为小程序它的语法基本上就是我们前端语法。

接下来就是我们的核心实现了：

.item-id{
  position: sticky;
  top: 0;
}

没错，就是这么两行CSS代码，一行js代码都不需要，开心不开心！

接下来就是打击你们的时候到了，让我们看看浏览器对这个特性的兼容性：

需要考虑浏览器兼容性的就要慎重考虑这个实现方案了。&