JavaScript : ページの最下部に来た時にイベントを起こす

ページの一番下に到達したことをJavaScriptで拾うには以下のようにする。

$(window).on('scroll', function () {
var doch = $(document).innerHeight(); //ページ全体の高さ
var winh = $(window).innerHeight(); //ウィンドウの高さ
var bottom = doch - winh; //ページ全体の高さ - ウィンドウの高さ = ページの最下部位置
if (bottom <= $(window).scrollTop()) {
//一番下までスクロールした時に実行
console.log("最底辺！");
}
});

一番下まで行かずとも「ページの80%」で動作させたいなら、5行目の if 文を以下のようにする。

if (bottom * 0.8 <= $(window).scrollTop()) {