防止网页上的多重滚动

Question

我有一个网页分成两个面板，每个面板都有滚动条。对于左侧面板，我有一个左侧滚动条，右侧面板上有一个右侧滚动条。

当我将鼠标悬停在左侧面板上并滚动时，当左侧面板的内容结束时，右侧div的主体正在滚动。

有没有什么办法可以阻止它，我的意思是当我将鼠标悬停在左侧面板上时，停止滚动右侧面板内容？

我尝试了下面的建议，但他们没有奏效。 https://css-tricks.com/forums/topic/prevent-body-scrolling-when-the-user-scrolls-on-fixed-position-div/

Freeze body scroll when hover a div

Answer 1

那么你可能分裂你的整个页面分成2个部分，左，右。将两者的宽度设置为您想要的任何百分比，并将高度设置为100％，并使用overflow-y: auto;添加垂直滚动条。