制作tab选项卡滚动到屏幕边缘变为固定吸顶可以使用粘性布局
css position除了relative,absolute,fixed以外还有粘性布局sticky。
粘性布局需要设定一个top(例如top:0),当页面元素滚动到达设定的top值时,页面元素会变为fixed固定,未到达top值时页面元素是relative
代码示例
:tabs="tabs"
field="name"
@change="changeTab"
activeColor="#DD0029"
fontSize="30rpx"
:bold="false"
height="100rpx"
lineHeight="5rpx"
lineColor="#DD0029"
:lineScale="0.9">
if="subTabs.length>0">
:tabs="subTabs"
:pills="true"
field="name"
@change="changeSubTab"
activeColor="#FFFFFF"
pillsColor="#DD0029"
fontSize="20rpx"
:bold="false"
height="50rpx"
padding="10rpx 0"
margin="0 20rpx"
paddingItem="0 30rpx"
:lineScale="0.5">
id为tab的元素会在顶部距离50px的位置进行固定,id为tab2的元素会在顶部距离100px的位置进行固定