用样式position: sticky;来做吸顶其实很简单,只要在设置一个top属性即可。
.tabs-s{ position: sticky; background: #fff; top:60rpx; width:100vw; height:80rpx; }
解释下上面的效果:当元素tabs-s滑动到距离顶部60rpx的时候,会“固定”在那个地方,不会随着页面的向上滑动而滑动;但是向下滑动距离顶部小于60rpx的话,那元素tabs-s也会跟着向下滑动