モーダルダイアログが画面より長い場合、ページをスクロールするにはどうすればよいですか?
アプリにモーダルダイアログがあり、y方向にかなり長くなる可能性があります。これにより、ダイアログのコンテンツの一部がページの下部に隠れてしまうという問題が発生します。 ダイアログが表示されたときにウィンドウのスクロールバーがダイアログをスクロールし、長すぎて画面に収まらないようにしたいのですが、本体はモーダルの後ろに置いたままにしておきます。Trelloを使用している場合は、私が何をしようとしているのかがわかります。 これは、JavaScriptを使用してスクロールバーを制御しなくても可能ですか? これまでにモーダルとダイアログに適用したCSSは次のとおりです。 body.blocked { overflow: hidden; } .modal-screen { background: #717174; position: fixed; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; z-index: 50; } .dialog { background: #fff; position: fixed; padding: 12px; top: 20%; left: 50%; z-index: 10000; border-radius: 5px; box-shadow: 0, 0, 8px, …