html 左右滚动互不影响

在HTML中，如果你想要创建两个独立的、可以单独滚动的部分，并且它们的滚动不会相互影响，你可以使用CSS的`position`属性以及`overflow-y`属性来实现这个效果。通常，我们会将这两个部分分别设置成`position: relative`或`position: absolute`，然后给每个部分分配特定的位置，比如`left`和`right`。同时，对于滚动区域，我们设置`overflow-y: scroll`或者`overflow-y: auto`，这样就可以让每块内容各自独立地垂直滚动了。

例如：

<div class="scroll-left">
  <!-- 这里是左滚动的内容 -->
</div>

<div class="scroll-right">
  <!-- 这里是右滚动的内容 -->
</div>

<style>
.scroll-left {
  position: relative;
  width: 50%;
  overflow-y: scroll;
}

.scroll-right {
  position: relative; /* 或者 absolute, 靠右 */
  width: 50%;
  right: 0;
  top: 0;
  overflow-y: scroll; /* 或者auto */
}
</style>