<div class="weui-tab" style="margin-top:15px;">
<div class="weui-navbar">
<a
class="weui-navbar__item weui-bar__item--on border-right"
href="#tab1"
@click="settabactive(0)"
>引进项目</a>
<a class="weui-navbar__item border-right" href="#tab2" @click="settabactive(1)">在建项目</a>
<a class="weui-navbar__item border-right" href="#tab3" @click="settabactive(2)">达产项目</a>
<a class="weui-navbar__item" href="#tab4" @click="settabactive(3)">扶持项目</a>
</div>
<div class="weui-tab__bd">
<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
<LoadMore :onLoadMore="onLoadMore" :enableLoadMore="enableLoadMore">
<div v-for="(item,i) in introductions" :key="i" class="myline">
<wxLedger
:PrjName="item.name"
:State="item.constructionStatus"
:Id="item.code"
:clickItem="clickItem"
></wxLedger>
</div>
</LoadMore>
</div>
<div id="tab2" class="weui-tab__bd-item">
<LoadMore :onLoadMore="onLoadMore2" :enableLoadMore="enableLoadMore2">
<div v-for="(item,i) in constructions" :key="i" class="myline">
<wxLedger
:PrjName="item.name"
:State="item.constructionStatus"
:Id="item.code"
:clickItem="clickItem"
></wxLedger>
</div>
</LoadMore>
</div>
<div id="tab3" class="weui-tab__bd-item">
<LoadMore :onLoadMore="onLoadMore3" :enableLoadMore="enableLoadMore3">
<div v-for="(item,i) in reachs" :key="i" class="myline">
<wxLedger
:PrjName="item.name"
:State="item.constructionStatus"
:Id="item.code"
:clickItem="clickItem"
></wxLedger>
</div>
</LoadMore>
</div>
<div id="tab4" class="weui-tab__bd-item">
<LoadMore :onLoadMore="onLoadMore4" :enableLoadMore="enableLoadMore4">
<div v-for="(item,i) in supportProjectList" :key="i" class="myline">
<wxLedger
:PrjName="item.F_QYMC"
:State="item.INST_STATUS_"
:Id="item.ID_"
:clickItem="clickItem_zdfc"
></wxLedger>
</div>
</LoadMore>
</div>
###
看你贴上来的代码你想表达的是一个Tab选项卡的切换。
在第一个列表滚动到底部之后,切换到第二个选项卡也是滚动到底部了?
但是我不知道你显示内容的部分是怎么去展现的,这个需要你把代码补全的。
我只能猜测两种情况:
- 一种可能是Key值重复了,
- 另外一种,就是你滚动的容器有可能是同一个。
新增:
我贴两个解决方式吧,偷个懒用了 VueJS
此方法会重置所有面板的滚动条,
切换后不保存滚动条进度
此方法会记录不同面板的滚动条状态,
切换回面板后(A -> B -> A)会恢复到之前滚动的位置
这种问题是很少会有人回答你的,建议重新整理问题,站在旁观者的角度描述问题、突出重点、必要时还请贴出更详细的代码以及你浏览器运行的结果。
###在切换后把滚动条重新定位过去