如何用代码设置滚动条的位置?

1.设置窗口滚动条的位置:
window.scroll(0,document.body.scrollHeight)

例,在打开网页时让页面处于页面底端
<body   onload="window.scroll(0,document.body.scrollHeight)">

2.设置组件的滚动条的位置:

假设有个输入框,id为TextArea1
方法一:
TextArea1.scrollTop=100;//滚动到输入框的100位置
 方法二:
document.getElementById("TextArea1").scrollTop=document.getElementById("TextArea1").scrollHeight; //滚动到输入框的底端



体验代码:
<title>设置</title>
</head>
<body>
<div id="Layer1" style="background:gray;width:300px;height:100px;overflow:auto;">Happy New Year ! ! !<p>
<input type=button name='button_export' onclick=OpenWord() value=设置>
<p><p><p><p><p><p><br/><P><p><p><p><p><p><p><p><p><p><p>><p><p><p><p><p>
<br/><P><p><p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><br/><P><p><p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><br/><P><p><p><p><p><p><p><p><p><p><p>
<p><p><p><p><p><br/><P><p><p><p><p><p><p><p><p><p><p>
this is a test!

</div>

<p>this is a test!</p>

</body>
</html>
<script language="javascript">
function OpenWord(){
Layer1.style.border=1
Layer1.scrollTop=100;
}
</script>

posted on 2007-08-29 09:35  挖豆  阅读(8542)  评论(0编辑  收藏  举报