列表滚动到底部，另外一个也会滚动到底部

Question

<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>

Answer 1

看你贴上来的代码你想表达的是一个Tab选项卡的切换。
在第一个列表滚动到底部之后，切换到第二个选项卡也是滚动到底部了？

但是我不知道你显示内容的部分是怎么去展现的，这个需要你把代码补全的。
我只能猜测两种情况：

• 一种可能是Key值重复了，
• 另外一种，就是你滚动的容器有可能是同一个。

新增：

我贴两个解决方式吧，偷个懒用了 VueJS

此方法会重置所有面板的滚动条，
切换后不保存滚动条进度

此方法会记录不同面板的滚动条状态，
切换回面板后（A -> B -> A)会恢复到之前滚动的位置

Answer 2

这种问题是很少会有人回答你的，建议重新整理问题，站在旁观者的角度描述问题、突出重点、必要时还请贴出更详细的代码以及你浏览器运行的结果。

Answer 3

在切换后把滚动条重新定位过去