可视区只是内容呈现的区域，不包括边框，滚动条等。
clientHeight:可视区的高度
clientWidth:可视区的宽度
scrollTop:滚动距离(即滚动条滚动过的距离，如图表示)
获取可视区高度和宽度的语句：
document.documentElement.clientWidth; //获取可视区的宽度
document.documentElement.clientHeight; //获取可视区的高度获取滚动距离
document.documentElement.scrollTop; //IE和火狐document.body.scrollTop; //谷歌（特点，整百整百的滚动）