[解決済み】ビューポートのサイズを取得するためのjQueryの使い方
2022-03-28 19:11:01
質問
jQueryを使ってブラウザのビューポートサイズを決定し、ページのサイズが変更されたときにそれを再検出するにはどうすればよいですか?IFRAMEのサイズをこのスペースに合わせる必要があります(各マージンに少し入ってきます)。
ご存じない方のために説明すると、ブラウザのビューポートとは、ドキュメントやページの大きさではありません。スクロールする前のウィンドウの表示サイズです。
解決するには?
ビューポートの幅と高さを取得する。
var viewportWidth = $(window).width();
var viewportHeight = $(window).height();
ページのresizeイベント。
$(window).resize(function() {
});
関連
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] ブラウザのビューポート寸法を取得する方法を教えてください。
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryのディファレンシャルとプロミス - .then() vs .done()
-
[解決済み] jQuery が Ajax 呼び出しの終了を待って戻るようにするにはどうすればよいですか?
-
[解決済み] jQueryでページスクロールをプログラム的に無効にする方法
-
[解決済み] jqueryでドロップダウンボックスを有効化/無効化する
-
[解決済み] AJAXを同期させる(SJAX)にはどうすればよいか
-
[解決済み] クラス別のjquery onclick
-
[解決済み] jquery autocomplete が動作しない
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'ajax' を読み取ることができません。
-
[解決済み] jQueryの再帰性が高すぎる
-
[解決済み] Jquery テーブルの行を隠す