$(document).height() - $(window).height()
これでブラウザの画面下部からの距離になる。
$(document).height() →ページ全体の高さ
$(window).height()→ブラウザの表示領域
ページ全体＞ブラウザの表示領域が通常。
ブラウザの画面下部は
ページ全体の高さーブラウザの表示領域
で算出される。
ただし、ブラウザの表示領域は下に行くほど大きくなり、最終的にページ全体の高さとおなじになる。
$(window).height()で引数なしに設定しているのは、ブラウザの表示領域を最終的にページ全体の高さとして取り扱うことができるためである。