ブートストラップサイドナビゲーター水平スクロールを無効にする

Question

私は自分のサイトで使用する予定のサイドナビゲーターを持っています。ただし、画面サイズをモバイルに変更してサイドメニューを開くと、スクロールホイールが表示され、横方向にスクロールすることができます。サイドナビゲーターが開いているときに水平スクロールがロック/ディスエーブルになるように、これを無効にしたいと思います。私はそれを無効にする方法を理解しようとしてきましたが、どのように把握できません。どんな助けでも大歓迎です。

私はCSS width:100%; overflow-x:hidden;を試しましたが、うまくいかなかった。

Here is the Codepen

Answer 1

私の代わりにtransformの使用に切り替えるでしょう：

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

は、変換、それはDOMでの実際の位置です変更することなく、視覚的にdiv要素を移動します。これにより、レイアウト、オーバーフローまたは位置問題が発生する可能性は非常に低くなります。

EDIT--

あなたがオーバーフローオプションを使用したい場合は、直接.body-slide-in要素上記.container-fluidのdivにoverflow-x: hidden;を追加してみてください。それは動作するはずです。