人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://brandear.jp/
上記のサイトの下部のような、スクロールが終わったら出てくるものの実装方法を教えてください。
(同じにしたいです。)

●質問者: maintour15
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

多分、document.body の scroll イベントで、scrollTop を監視しているのだと思います。
こんな感じで。

window.addEventListener("load", function() {
 // body の scroll イベントを監視
 window.addEventListener("scroll", function() {
 var e = document.body;
 if (e.offsetHeight - (e.scrollTop + e.clientHeight) < 10) {
 alert("一番下に着いたよ!");
 }
 });
});

scrollTop + clientHeight で、見えているエリアの底の位置になります。
先のコードでは 10ドットほど余裕を見てますが、気持ち的にはこういう判定をしています。

 // if (e.offsetHeight - (e.scrollTop + e.clientHeight) < 10) {
 if (e.offsetHeight == e.scrollTop + e.clientHeight) {
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ