《编写高质量代码：改善JavaScript程序的188个建议》建议133：谨慎计算滚动区域大小

scrollLeft和scrollTop属性比较特殊，见表6.5。利用它们可以定义当拖动滚动条时移出可视区域外的宽度和高度。实际上，可以利用这两个属性设定滚动条的位置，也可以使用它们获取当前滚动区域内容。

下面这个示例演示了如何设置和更直观地获取滚出区域的尺寸。

＜textarearows="5"cols="25"＞＜/textarea＞

＜p＞

＜p＞＜/p＞

＜/p＞

var p=document.getElementById("p");

p.scrollLeft=200;

p.scrollTop=200;

var text=document.getElementById("text");

p.onscroll=function{

text.+p.scrollLeft+"/n"+

"scrollTop="+p.scrollTop+"/n"+

"scrollWidth="+p.scrollWidth+"/n"+

"scrollHeight="+p.scrollHeight;

}

上面代码运行后呈现的效果如图6.9所示。