关于document.body、document.documentElement和window获取视窗大小的区别

$(window).height(); 才是窗口的宽高，而且一直不变 

document.body.clientHeight，在文档内容有滚动条的时候远大于$(window).height()

总之：

document.documentElement.clientWidth 获取的可视区域的宽度高度（缩放窗口的时候 值会发生变化）

document.body.clientHeight 不会随着窗口变化而变化，当内容大于一屏时 ，该值肯定大于窗口的高度$(window).height()；

提前加载条件：

$(window).scrollTop() > $(document).height() - $(window).height() - 10