実案件で、ボトム部分にfixedしたボックスを表示させたいのだが、ページ最下部までスクロールしたらコピーライト部分は見えるようにちょっと上にあげて…というものがありまして…。
// ページ最下部までスクロール時にイベント起こす
$(window).on('scroll', function () {
var doch = $(document).innerHeight(); //ページ全体の高さ
var winh = $(window).innerHeight(); //ウィンドウの高さ
var bottom = doch - winh; //ページ全体の高さ - ウィンドウの高さ = ページの最下部位置
if (bottom <= $(window).scrollTop()) {
//一番下までスクロールした時に実行
console.log("一番下です!");
}
});