首页 » 编写高质量代码:改善JavaScript程序的188个建议 » 编写高质量代码:改善JavaScript程序的188个建议全文在线阅读

《编写高质量代码:改善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所示。

图 6.9 scrollLeft和scrollTop属性指示区域示意图