博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
三种方法实现Javascript控制ScrollBar(滚动条)
阅读量:5151 次
发布时间:2019-06-13

本文共 807 字,大约阅读时间需要 2 分钟。

在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方法实现 script> document.write(new Array(100).join("

")) /script> 方法二:用scrollBy方法实现 script> document.write(new Array(100).join("
")) /script> 方法三:用scrollTo方法实现 script> document.write(new Array(100).join("
")) /script> 如果是在框架中,需要控制框架的ScrollBar,那么要加parent,例如parent.scrollTo(0,0);

转载于:https://www.cnblogs.com/plzdaye/p/3971421.html

你可能感兴趣的文章
数据分析告诉我们的四个经验教训
查看>>
ReportView动态加载带参数的RDCL文件及子报表
查看>>
inside tomcat 6, 环境搭建
查看>>
INF6027 Introduction to Data Science Analysis of the UK Police Dataset
查看>>
设计模式(创建型模式-单例模式)
查看>>
超市收银系统_定义商品的父类和各个子类的实现——1
查看>>
luogu P1003 铺地毯
查看>>
LAMP环境搭建(Ubuntu)
查看>>
Java学习笔记(15)
查看>>
New year comes again
查看>>
编写符合ANSI和Unicode的应用程序
查看>>
软件开发流程整理
查看>>
scrapy写爬虫是出现no module named win32api错误
查看>>
git 使用 gitignore
查看>>
阅读好书依然是提升自己的高效方法:兼以作者的身份告诉大家如何选择书,以及高效学习的方法...
查看>>
浅谈二分图的最大匹配和二分图的KM算法
查看>>
[总结] 单调队列优化多重背包学习笔记
查看>>
js实现弹出的提示框只弹出一次
查看>>
中大阿里巴巴校招笔试个人分享
查看>>
【复习笔记】软件工程概论复习(2)
查看>>