三种方法实现Javascript控制ScrollBar(滚动条)
2015-03-04 17:17
267 查看
在Javascript中有三种方法能够控制滚动条的位置,下面我们就分别来看看吧!
方法一:用scroll函数实现
scroll(x,y);
x代表横向滚动条的位置,也就是控制左右位置,当为0时代表最左边,当为document.body.scrollWidth时代表最右边
y代表纵向滚动条的位置,也就是控制上下位置,当为0时代表最上面,当为document.body.scrollHeight时代表最下面
方法二:用scrollBy函数实现
scrollBy(x,y);
x和y代表的意思和第一个方法一样;-)
方法三:用scrollTo函数实现
scrollTo(x,y);
x和y代表的意思和第一个方法一样;-)
另外顺便说一句,如果你是在框架(Frame)中要控制父框架的滚动条,那么要记得在函数前加parent,举个例子来说就是parent.scroll(0,0);
用Javascript控制ScrollBar(滚动条)
以下都是默认自动滚动到底部,需要滚动到顶部只需将document.body.scrollHeight换为0.
方法一:用scroll方法实现
<body onload="scroll(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>
方法二:用scrollBy方法实现
<body onload="scrollBy(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>
方法三:用scrollTo方法实现
<body onload="scrollTo(0,document.body.scrollHeight)">
<script>
document.write(new Array(100).join("<br>"))
</script>
如果是在框架中,需要控制框架的ScrollBar,那么要加parent,例如parent.scrollTo(0,0);
方法一:用scroll函数实现
scroll(x,y);
x代表横向滚动条的位置,也就是控制左右位置,当为0时代表最左边,当为document.body.scrollWidth时代表最右边
y代表纵向滚动条的位置,也就是控制上下位置,当为0时代表最上面,当为document.body.scrollHeight时代表最下面
方法二:用scrollBy函数实现
scrollBy(x,y);
x和y代表的意思和第一个方法一样;-)
方法三:用scrollTo函数实现
scrollTo(x,y);
x和y代表的意思和第一个方法一样;-)
另外顺便说一句,如果你是在框架(Frame)中要控制父框架的滚动条,那么要记得在函数前加parent,举个例子来说就是parent.scroll(0,0);
用Javascript控制ScrollBar(滚动条)
以下都是默认自动滚动到底部,需要滚动到顶部只需将document.body.scrollHeight换为0.
方法一:用scroll方法实现
<body onload="scroll(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>
方法二:用scrollBy方法实现
<body onload="scrollBy(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>
方法三:用scrollTo方法实现
<body onload="scrollTo(0,document.body.scrollHeight)">
<script>
document.write(new Array(100).join("<br>"))
</script>
如果是在框架中,需要控制框架的ScrollBar,那么要加parent,例如parent.scrollTo(0,0);
相关文章推荐
- 三种方法实现Javascript控制ScrollBar(滚动条)
- 三种方法实现Javascript控制ScrollBar(滚动条)
- 三种方法实现Javascript控制ScrollBar(滚动条)
- javascript实现图片延迟加载方法汇总(三种方法)
- javascript实现图片延迟加载方法汇总(三种方法)
- javascript 三种方法实现获得和设置以及移除元素属性
- 用javascript实现页面打印的三种方法
- javascript实现聊天窗口滚动条总在最下面的方法
- [javascript] js中判断对象是否为空的三种实现方法
- javascript MP3播放器的三种实现方法( 三)
- 纯javascript代码实现计算器功能(三种方法)
- javascript 实现字符串反转的三种方法
- 如何用Javascript控制滚动条(ScrollBar)的位置(上下和左右)
- Html+css、javascript和JQuery三种方法实现导航条下拉菜单的炫酷效果
- JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
- JavaScript实现控制打开文件另存为对话框的方法
- javascript控制滚动条位置的方法
- javascript 实现字符串反转的三种方法
- 控制DIV内容滚动的方法,实现不用拖滚动条就可以看到最新消息
- 纯javascript代码实现计算器功能(三种方法)