$(document).height()与$(window).height()区别

1.$(document).height()代表整个文档(页面)的高度
$(window).height()则代表当前可见区域的大小
所以当浏览器窗口大小发生变化时，$(document).height()值不变，$(window).height()发生变化

2.$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离
$(document).scrollLeft() 获取水平滚动条的距离

当scrollTop()==0的时，滚动条到达顶端
当scrollTop()>=$(document).height()-$(window).height()时，滚动条到达底端

注：$(document).scrollTop()与$(window).scrollTop()效果相同，但$(window).scrollTop()被所有浏览器支持