原始的js api 来获得和计算网页元素的尺寸，不仅费劲，而且还有浏览器的兼容性问题，目前最好还是用jquery 统一处理。相信react,vuejs 等也有专门的方案。
不过jquery 作为老牌子的dom操作库，非常的经典，用来理解网页的特性也很有必要。
$(window).height() $([window.]document.body).height()//or $('body').height() ps: 同一个设备分辨率固定的情况下。screen.height 固定不变
上面的window 对应的是浏览器的窗口，最大也就跟设备的屏幕一样大。而document.body 则不一样，可以无限的扩展，所以会有滚动条或者分页组件来显示。
$(window).scrollTop(x) 来设置垂直滚动条最上面和页面body上边缘的距离。同时也可以获得这个距离