ページ最下部までスクロール時にイベント起こすJS

実案件で、ボトム部分にfixedしたボックスを表示させたいのだが、ページ最下部までスクロールしたらコピーライト部分は見えるようにちょっと上にあげて…というものがありまして…。

// ページ最下部までスクロール時にイベント起こす
$(window).on('scroll', function () {
  var doch = $(document).innerHeight(); //ページ全体の高さ
  var winh = $(window).innerHeight(); //ウィンドウの高さ
  var bottom = doch - winh; //ページ全体の高さ - ウィンドウの高さ = ページの最下部位置
  if (bottom <= $(window).scrollTop()) {
  //一番下までスクロールした時に実行
  console.log("一番下です!");
  }
  });
javascript
スポンサーリンク
Web Parts Box
タイトルとURLをコピーしました