javascript - オフキャンバスメニューで高さを変更すると、水平スクロールが発生します

Question

キャンバス外のメニューがあり、モバイルレイアウトで非常にうまく機能しています。

ただし、メニュー項目を展開してその下のサブメニューを表示すると、ページ全体が水平方向にスクロールできます。それほど完璧ではありません。

表示するクラス名を制御しているだけです：ブロック。

http://dev.martinilab.com/so1/index.html

何が問題を引き起こしているのかわかりません。

Answer 1

問題は、高さが設定されていない.rowため、コンテンツが強制するのと同じ高さになることです。そのクラスをdisplay:block作成してそれらのメニュー項目を表示させると、コンテンツがさらに下に移動し、ページがコンテンツと同じ高さになるため、ページが長くなります。

これを修正する場合は、そのクラスの高さを設定するか、コンテンツが押し下げられないように、これらのメニュー項目をドキュメントフローから削除します。