标签和独立滚动位置

Question

我目前在项目中使用https://materializecss.com/tabs.html库。

不幸的是，我有个小问题，会引起一些问题。

我有4个选项卡，所有选项卡都充满了内容，现在当我向下滚动到选项卡1的内容底部，然后单击以转到选项卡2时，滚动位置与选项卡一样位于底部1。

我的理解是选项卡将具有各自的滚动位置，并且在切换选项卡时会记住其状态。

除非在每个标签内添加固定位置div，否则我不知所措吗？

 <div class="row">
   <div class="col s12">
    <ul class="tabs">
      <li class="tab col s3"><a href="#test1">Test 1</a></li>
      <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
      <li class="tab col s3"><a href="#test3">Disabled Tab</a></li>
      <li class="tab col s3"><a href="#test4">Test 4</a></li>
    </ul>
  </div>
  <div id="test1" class="col s12">Test 1</div>
  <div id="test2" class="col s12">Test 2</div>
  <div id="test3" class="col s12">Test 3</div>
  <div id="test4" class="col s12">Test 4</div>
 </div>

每个标签都有其自己的滚动位置