用position:sticky完美解决小程序吸顶问题

最近一个项目甲方一定要两个tab菜单吸顶, 在网上找了好久没找到满意的,然后在一个博客中发现可以用position:sticky解决,因为之前没见过这个属性,然后搜了下,了解了用法,写了个小demo,发现挺好用的,完美解决不卡顿。
用position:sticky完美解决小程序吸顶问题_第1张图片
用position:sticky完美解决小程序吸顶问题_第2张图片
html:





css:


主要是
position: -webkit-sticky; position: sticky;
还要加个top值,离顶部多少距离吸顶,
感兴趣的同学可以去
mdn–深入了解

https://developer.mozilla.org/zh-CN/docs/Web/CSS/position

你可能感兴趣的:(问题)