scrolltop 一番下

フロントエンドエンジニアになりたい人の Webプログラミング入門

jQueryで画面の一番下までスクロールしたかどうかを判定

2017年3月4日 2018年5月3日
  • Twitter
  • Facebook
  • はてブ
  • Pocket
  • LINE
  • Feedly
  • フィード
スポンサーリンク
マークアップエンジニアの独学をサポートします。

Webデザイナーの平尾誠です。よくスクロールイベントを使うことがあるので備忘録。
jqueryを使って画面の一番下までスクロールしたかどうかを判定します。

ドキュメントの高さ ウィンドウの高さ

単純に引いて値を求めて、着火するという仕組みです。

ドキュメントの高さというのは、htmlだったりdivタグだったりしてもいいわけです。
ただし、ページのスクロールと、要素のスクロールの判定を取得するのに若干記述が違うので要注意。

単純にページの一番下までスクロールしたかどうかを判定したいだけならこれ。

$[window].on['scroll', function[]{ var docHeight = $[document].innerHeight[], //ドキュメントの高さ windowHeight = $[window].innerHeight[], //ウィンドウの高さ pageBottom = docHeight - windowHeight; //ドキュメントの高さ - ウィンドウの高さ if[pageBottom

Chủ Đề