【需求】
实现tab页切换时,回到上个标签滚动位置,类似腾讯新闻列表页。
【问题】
van-tab 使用swipe属性时,切换每一个标签页时,页面都会置顶,而且不会记录上一次切换时的滚动位置
【原因】
查看元素,发现是因为vant-tab的所有tab内容都在class=van-tabs__content的元素内,使用的是同一个滚动条
【解决】
每个tab容器使用自己的单独滚动条避免此类问题
【代码】
<van-tabs v-model="tabActive" sticky swipe></van-tabs>
::v-deep .van-tab__pane-wrapper{
height: calc(100vh-「tab-nav的高度,视需求而定」);
overflow-y: auto;
}