Question

第一个div的内容比第二个div的内容长，我想同时使用一个滚动条（容器div）。

向下滚动两个div时，我需要第二个div滚动直到其内容的结尾，然后停止滚动，而第一个div继续滚动直到它到达其内容的结尾。

<div class="container">
  <div class="first"></div>
  <div class="second"></div>
</div>
<style>
  .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: auto;
    height: calc(100vh - 40rem);
  }

  .first {
    width: 50%;
  }

  .second {
    width: 50%;
  }
</style>

Answer 1

可能的解决方案可能是使用此answer

中的代码

var element= document.getElementById('firstelement');
element.scrollTop = countedPixel;

您可以计算像this一样滚动的像素或使用本机js函数示例here

<div onscroll="doSomething()">

如何仅使用容器div的滚动滚动两个div

1 个答案: