オーバーフロー自動でこの子要素を取得すると、親がオーバーフローしたときに表示されます。

ご覧のとおり、フルスクリーンオーバーレイナビゲーションを作成しようとしています。私はボディの高さを200％に設定しました。オーバレイナビゲーションが表示されたら、本体をoverflow: hidden;に設定しました。私もに重要なオーバーレイナビゲーションプロパティを設定した

：私は画面よりも多くのメニュー項目があることをオフのチャンスにテスト目的のために高さを150％に設定

.flexbar .overlay-menu { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    height: 150%; 
    overflow: auto; 
}

が小さい上表示することができます画面。ユーザーがオーバーレイナビゲーション内をスクロールできるようにしたいが、何らかの理由で私のoverflow: auto;が機能しないのですか？

私は長期的には、高さ（150％、200％）を乱すとレイアウトに影響すると思います。あなたのJSFiddleをフォークし、高さを100％に戻しました。私もoverflow-x: scrollを使用しました。あなたの質問を正しく理解していれば、あなたの問題を解決するはずです。

2017-08-13 22:49:59 sodevious

よろしいですか？それはそれを修正した。多分、高みをつぶすのではなく、テストするためのメニュー項目を追加したほうがいいでしょう。私は 'overflow-y：auto;'を使用していますが、まだ動作しています。 –

恐ろしい！ 'y'と' x'の良いキャッチ – sodevious

答えて