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

スクロールで要素が見えた時に判定する

登録日:2025-09-05   
var target = $("#target "); // チェックしたい要素
var elTop = target.offset().top; // 要素のページ上の位置
var elBottom = elTop + target.outerHeight(); // 要素の下端
var scrollTop = $(window).scrollTop(); // 現在のスクロール位置
var windowBottom = scrollTop + $(window).height(); // 画面の下端
if (elTop < windowBottom && elBottom > scrollTop) {
console.log("要素が見えた");
} else {
console.log("要素が見えない");
}

一覧に戻る