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元以上。它應該工作。