JavaScript:滚动大小

JavaScript中的滚动大小

• scrollHeight:没有滚动条的情况下，元素内容的总高度；
• scrollWidth:没有滚动条的情况下，元素内容的总宽度；
• scrollLeft:被隐藏的内容区域左侧的像素数；
• scrollTop:被隐藏的内容区域顶部的像素数；

---

对于不包含滚动条的页面，各浏览器对前两个属性的解释有区别

• Firefox: scroll和client的数值是相同的，代表着内容区的实际数值；
• Opera,Sarafi,Chrome: scroll相当于视窗大小；client相当于内容区的实际数值；
• IE: scroll相当于内容区的实际数值；client相当于视窗大小；

---

因此，要想得到精确的内容区大小，建议使用max函数筛选：

var docHeight = Math.max(document.element.scrollHeight,document.element.clientHeight);
var docWidth = Math.max(document.element.scrollWidth,document.element.clientWidth);