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

最新推荐文章于 2024-05-07 14:55:18 发布

weixin_30722589

最新推荐文章于 2024-05-07 14:55:18 发布

阅读量258

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yangbo108/archive/2007/08/29/874014.html

版权

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

例，在打开网页时让页面处于页面底端
<body οnlοad="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 ! ! !
<input type=button name='button_export' οnclick=OpenWord() value=设置>
 >
 
 
 
 
this is a test!

</div>

this is a test!

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

转载于:https://www.cnblogs.com/yangbo108/archive/2007/08/29/874014.html

weixin_30722589

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何用代码设置滚动条的位置？

1.设置窗口滚动条的位置：window.scroll(0,document.body.scrollHeight)例，在打开网页时让页面处于页面底端<body onload="window.scroll(0,document.body.scrollHeight)">2.设置组件的滚动条的位置：假设有个输入框，id为TextArea1方法一：Te...
复制链接

扫一扫