1.获取浏览器可视区的大小
原生态js:
可视区（浏览器窗口）宽度：document.documentElement.clientWidth
可视区（浏览器窗口）高度：document.documentElement.clientHeight
因为是获取的documentElement的属性，这个不受body默认内外边距，body内容大小的影响
没有兼容性问题
2.获取浏览器滚动条滚动的距离
原生态js:
nodeElement.scrollTop[scrollLeft]
document.documentElement.scrollTop[scrollLeft]
浏览器兼容性问题：谷歌 document.body.scrollTop[scrllLeft]
说明：因各个浏览器body默认的内外边距有所差异，如果重置body样式，body和整个文档一样
3.获取内容的尺寸大小
原生态js:
nodeElement.scrollHeight[scrollWidth]