IT業界の技術をメモ・情報公開できる

jqueryでスマホのナビゲーションバーの高さ取得

登録日:2025-06-26   
jquery
window.innerHeightを使った測定
$(function () {
const viewportHeight = window.innerHeight;
$('#result').text('現在の表示可能な高さは: ' + viewportHeight + 'px');
});

高さの変化を検出する(スクロールなどで変化)
let initialHeight = window.innerHeight;

$(window).on('resize orientationchange', function () {
let newHeight = window.innerHeight;
let diff = initialHeight - newHeight;
$('#result').text('高さの差: ' + diff + 'px');
});

一覧に戻る