防止网页上的多重滚动

时间:2016-12-05 19:29:40

标签: javascript jquery css

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

当我将鼠标悬停在左侧面板上并滚动时,左侧面板内容结束的那一刻,右侧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

1 个答案:

答案 0 :(得分:0)

那么你可以将整个页面分为左右两个部分。将两者的宽度设置为所需的百分比,将高度设置为100%,并使用overflow-y: auto;添加垂直滚动条。