如何用代码设置滚动条的位置?
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>
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>
相关文章推荐
- 如何用代码设置滚动条的位置?
- 如何用代码设置滚动条的位置?
- 如何用代码设置滚动条的位置?
- 如何把图片代码设置成居中的位置?
- 在storyboard中设置一个一个button,只进行了位置设置,没有使用约束,发现用代码修改不了如何解决
- iOS开发代码如何跳转到系统的设置的无线局域网位置。
- QscrollBar 如何设置滚动条位置
- (四十)android在代码中,如何设置自定义对话框在屏幕中的位置和大小
- VS如何设置多级代码缩进
- EXC_BAD_ACCESS & NSZombieEnabled & 设置Global Breakpoint定位错误代码所在位置
- 博客园个性化设置:如何让【推荐】【反对】层跟随滚动条移动
- myeclipse 代码提示功能如何设置?
- 代码动态设置图标的大小和位置的工具类
- IntelliJ IDEA 中如何设置如:sys直接输出一行等等的快捷编辑操作----即:代码的快捷编辑模板(Live Templates)设置
- Eclipse设置文本格式为UTF-8/eclipse 工程平铺展开方式,如何将代码工程进行分类
- Myeclipse代码提示及如何设置自动提示(转载)
- CSS样式设置div滚动条示例代码
- 使用CSS设置滚动条样式以及如何去掉滚动条的方法
- 代码中如何设置TextView为不可见
- 如何使页面滚动条移动到指定元素element的位置处?