Bootstrap Side Nav禁用水平滾動

Question

我有一個計划用於網站的側面導航。 但是，當我調整屏幕大小以移動到並打開側面菜單時，滾輪變為可見，並且能夠水平滾動到側面。 我想禁用這種情況，以便在打開側邊導航欄時，水平滾動變得鎖定/禁用。 我一直試圖找出如何禁用它，但無法找出如何。 任何幫助將非常感激。

我已經嘗試過CSS width:100%; overflow-x:hidden; width:100%; overflow-x:hidden; 但這沒有用。

這是Codepen

Answer 1

我將改用使用transform ：

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

變換將可視地移動div而不更改其在DOM中的實際位置。 這將不太可能引起布局，溢出或位置問題。

編輯 -

但是，如果您希望使用overflow選項，請嘗試添加overflow-x: hidden; 直接位於.body-slide-in元素上方的.container-fluid div。 它應該工作。