Bootstrap侧导航禁用水平滚动

Question

我有一个侧面导航，我打算使用我的网站。但是，当我将屏幕调整为移动并打开侧面菜单时，滚轮变得可见并且能够水平滚动到侧面。我想禁止这种情况发生，这样当侧面导航打开时，水平滚动变为锁定/禁用状态。我一直在试图找出如何禁用它，但不知道如何。任何帮助将非常感激。

我试过了css width:100%; overflow-x:hidden;，但没有奏效。

Here is the Codepen

Answer 1

我会切换到使用transform代替：

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

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

EDIT--

但是，如果你想使用溢出选项，尝试添加overflow-x: hidden;到.container-fluid格设置直接在.body-slide-in元以上。它应该工作。