固定滚动位置调整容器大小

Question

无法找到解决问题的优雅方案。

例如我有两个窗格：左右。左窗格和右窗格各占据其父容器的50％。两者都没有水平滚动条，只有垂直滚动条。

在右侧窗格中，有不同的部分。用户垂直滚动到第10部分。然后用户隐藏左窗格，这将使右窗格占据左侧空间，使其宽度加倍。将分配右窗格的内容以占用空间。如果切换左窗格以再次显示，则右窗格的内容将缩小/换行。

问题是当由于左侧切换而改变右窗格的宽度时，由于右窗格的垂直滚动位置由于可用空间的改变而改变，因此正在查看的当前部分被改变。它跳了2个部分。

你们想到任何优雅的解决方案，以便在调整右窗格的大小时，用户可以看到的部分中的变化很小吗？谢谢！抱歉，无法发布截屏或代码。

修改添加的图片。抱歉模糊。

在下图中，左窗格可见，当前正在右窗格中查看第10部分。

在下图中，左窗格被隐藏，右窗格的宽度增加。由于滚动位置的变化，滚动位置更改和正在查看的部分跳转到第11部分。