モーダルウィンドウのデモ (スクロール位置の記録)
リンクテキストをクリックするとモーダルウィンドウを表示させます。モーダルウィンドウ周りのオーバーレイをクリックすると終了します。モーダルウィンドウを開いた時と、閉じた時で、スクロール位置が変わらないようにしてあります。
ダミーテキスト1
ダミーテキスト2
ダミーテキスト3
ダミーテキスト4
ダミーテキスト5
ダミーテキスト6
ダミーテキスト7
ダミーテキスト8
ダミーテキスト9
ダミーテキスト10
ダミーテキスト11
ダミーテキスト12
ダミーテキスト13
ダミーテキスト14
ダミーテキスト15
ダミーテキスト16
ダミーテキスト17
ダミーテキスト18
ダミーテキスト19
ダミーテキスト20
ダミーテキスト21
ダミーテキスト22
ダミーテキスト23
ダミーテキスト24
ダミーテキスト25
ダミーテキスト26
ダミーテキスト27
ダミーテキスト28
ダミーテキスト29
ダミーテキスト30
ダミーテキスト31
ダミーテキスト32
ダミーテキスト33
ダミーテキスト34
ダミーテキスト35
ダミーテキスト36
ダミーテキスト37
ダミーテキスト38
ダミーテキスト39
ダミーテキスト40
ダミーテキスト41
ダミーテキスト42
ダミーテキスト43
ダミーテキスト44
ダミーテキスト45
ダミーテキスト46
ダミーテキスト47
ダミーテキスト48
ダミーテキスト49
ダミーテキスト50
モーダルウィンドウのコンテンツをHTMLで自由に編集することができます。画像や、動画埋め込みなど、お好きなものを入れて下さい。
「閉じる」か「背景」をクリックするとモーダルウィンドウを終了します。