原代码:
<div id="app">
<div>
<van-nav-bar title="维保抢单"
fixed="fixed"
z-index="999"
left-text="返回"
right-text="去首页"
left-arrow=left-arrow
v-on:click-left="goBack"
v-on:click-right="onClickRight" />
</div>
<div class="tab">
<van-tabs v-model="activeName" v-on:change="onChange()" sticky swipeable>
</van-tabs>
</div>
</div>
van-tabs 中的sticky属性(粘性布局) 不起作用,后来我发现由于是导航栏的原因(van-nav-bar)。
现代码:在van-tabs 中加入offset-top属性,scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
<div id="app">
<div>
<van-nav-bar title="维保抢单"
fixed="fixed"
z-index="999"
left-text="返回"
right-text="去首页"
left-arrow=left-arrow
v-on:click-left="goBack"
v-on:click-right="onClickRight" />
</div>
<div class="tab">
<van-tabs v-model="activeName" offset-top="30px" v-on:change="onChange()" sticky swipeable>
</van-tabs>
</div>
</div>