防止在网页上多次滚动

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

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