您的位置:首页 > 编程语言

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

2007-08-29 09:35 363 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: