某案件で対応したモーダルウィンドウ実装が中々曲者だったので、同じような実装を強いられた時に使いまわせるように自分用のメモとして残しておきます。 レスポンシブ対応 モーダルウィンドウ内でスクロール出来る 複数設置対応 基本動作はCSS3で対応(古いIE非対応) スクロールバーの関係で少しJS使う デモ・ダウンロード 何はともあれ、まずはサンプルをご確認下さい。CodePenやサンプルページからもコードを確認可能です。 See the Pen scroll modal window by tokumewi (@tokumewi) on CodePen. Demo zipファイルをDownload 全ソースコード 全ソースコードを載せた後に個別で解説していきます。テキストはスクロール対応を見せるためなのでなんでも良いです。 HTML <!DOCTYPE html> <html lang="ja"
![CSSと少しのJSで作るページスクロールできるモーダルウィンドウ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a8ac737f4607b94b465bec7714b1241f47ae5d3/height=288;version=1;width=512/https%3A%2F%2Fcreatorclip.info%2Fwp-content%2Fuploads%2F2017%2F11%2F576-1.jpg)