Bootstrap Side Nav禁用水平滚动

Question

我有一个我计划用于我的网站的侧面导航。但是，当我将屏幕调整为移动设备并打开侧面菜单时，滚轮变得可见，并且能够水平滚动到侧面。我希望禁用此功能，以便在侧面导航打开时，水平滚动变为锁定/禁用。我一直试图弄清楚如何禁用它，但无法弄清楚如何。任何帮助将不胜感激。

我已尝试使用css width:100%; overflow-x:hidden;，但这不起作用。

Here is the Codepen

Answer 1

我会转而使用transform代替：

.body-slide-in {
 tranform: translateX(200px);
}

Transform会在视觉上移动div，而不会改变它在DOM中的实际位置。这将不太可能导致布局，溢出或位置问题。

编辑 -

但是，如果您希望使用溢出选项，请尝试将overflow-x: hidden;添加到.container-fluid元素正上方的.body-slide-in div。它应该工作。