Spesso ci troviamo a confondere i valori in pixel restituiti da queste due funzioni. Vediamo subito le differenze:

$(window).height()  restituisce la dimensione in pixel dell’altezza della finestra del browser, cioè del viewport, quindi della porzione visibile della pagina che visualizziamo. Sarà, matematicamente minore o uguale all’altezza totale della pagina. Resize a parte, questo valore tende ad essere stabile, soprattutto nella navigazione da mobile, dove il resize della finestra del browser è un evento raro.

$(document).height()  restituisce, invece, l’altezza nin pixel dell’intera pagina. In ogni caso, se la pagina è più “corta” del viewport, questo metodo ci restituirà proprio l’altezza del viewport.