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属性指示区域示意图