Question

我的网站上有一个侧边栏，可以在移动设备上从侧面出来。它是一个固定的元素，在移动浏览器上不能很好用。我想阻止能够滚动文档的主体，以便在侧边栏div上滚动时修复此问题（但我仍然希望它们能够在有溢出时滚动侧边栏）。

以下是我想要阻止的视频：

Answer 1

不确定我是否理解您正在寻找的内容，但我现在正在开发一个网站的某个部分，需要从页面侧面出来的这种类型的侧边栏。起初它也为我做了完全相同的事情，当我滚动侧边栏内容时，身体会滚动。经过一些测试后，似乎位置：固定或位置：绝对，页面允许我滚动侧栏的唯一时间而不是内容是我设置时的

.main-sidebar-container { position: fixed; bottom: 0; }

还有其他风格，但底部：0似乎是允许侧栏滚动而不滚动身体的关键。我知道您不需要滚动侧栏但可能将主侧边栏容器设置为底部：0也可以帮助解决这种情况。当我继续我自己的项目时，如果我遇到任何其他发现，我会告诉你的。祝你好运。

Answer 2

我发现一种解决方法是，如果侧边栏当前处于活动状态，请使用JS将html高度设置为100％并溢出到隐藏。但不确定这在实践中有多好。