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

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

  hot3.png

在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方法实现

   

方法二:用scrollBy方法实现

   

方法三:用scrollTo方法实现

   

如果是在框架中,需要控制框架的ScrollBar,那么要加parent,例如parent.scrollTo(0,0);

转载于:https://my.oschina.net/lskweb/blog/285123

你可能感兴趣的文章
可爱的PYTHON,更新到0.5版本代码
查看>>
[HW] OJ记录20题之一
查看>>
命令行下绘制网络拓扑图
查看>>
TINY框架FAQ汇集
查看>>
【MySQL】MySQL多实例开机自动重启
查看>>
java中异常注意的细节2
查看>>
OpenGLES渲染
查看>>
wordcount设计与优化
查看>>
Android AIDL进程间通信(IPC)
查看>>
(NO.00003)iOS游戏简单的机器人投射游戏成形记(十七)
查看>>
【Mysql 学习】流程函数
查看>>
并发数据结构-1.1.2 阻塞技术
查看>>
浅谈 OneAPM 在 express 项目中的实践
查看>>
Python模拟新浪微博登录
查看>>
The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path
查看>>
(一四七)私有继承
查看>>
Java I/O : Java中的进制详解
查看>>
抽象工厂模式
查看>>
springboot使用Mybatis(xml和注解)全解析
查看>>
基于vue-cli3多页面开发apicloud应用
查看>>