サイズの大きなモーダルをスクロール可能にする方法

学びカテゴリーの変更を依頼記事元:

web-terminal.blogspot.com

5 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

サイズの大きなモーダルをスクロール可能にする方法

最近良く見かけるモーダルウィンドウですが、モーダルのサイズが大きいと画面外にはみ出してしまい、全... 最近良く見かけるモーダルウィンドウですが、モーダルのサイズが大きいと画面外にはみ出してしまい、全てを表示することが出来ません。スクロールしたとしても、モーダルの背景であるメインコンテンツがスクロールされてしまいます。そこで、モーダルが表示されている間のスクロール対象を、背景のメインコンテンツではなく、モーダル自身に与えてあげることで、画面外に広がったモーダルコンテンツを全て表示することが可能です。今回は、そんなスクロール可能なモーダルを手軽に構築する方法を解説します。また、そんなモーダルをスクロール可能にする一連の処理を jQueryのプラグインとして作成しましたので、宜しければお使い下さい。一般的なモーダルの実装一般的なモーダルの問題点大きいモーダルを扱うサイトスクロール可能なモーダルの考え方 jQueryモーダルプラグインの使い方 jQueryモーダルプラグインのソ

ブックマークしたユーザー

moegg2022/02/28
m-r-design2014/12/24

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 学び

いま人気の記事 - 学びをもっと読む

新着記事 - 学び

新着記事 - 学びをもっと読む

設定を変更しましたx