可视区的宽、高：clientWidth 、clientHeight
滚动距离：scrollTop
内容的实际高度：scrollHeight
HTML代码：
<body style="height:2000px;"> <div id="div1" style="width:100px; height:100px; border:1px solid red; padding:10px; margin:10px;"> <div style="width:100px; height:600px; background:#ccc;"></div> </div> </body>
JS代码：
// 可视区的宽、高 // alert(document.documentElement.clientWidth); // alert(document.documentElement.clientHeight); //滚动距离 document.onclick = function(){ // alert(document.documentElement.scrollTop); //IE/火狐支持 // alert(document.body.scrollTop); //仅Chrome支持 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // alert(scrollTop); //scrollHeight : 内容实际宽高 var oDiv = document.getElementById(‘div1‘); alert(oDiv.scrollHeight); };
原文：http://www.cnblogs.com/bokebi520/p/4320733.html