浅谈window对象的scrollBy()方法


Posted in Javascript onJuly 15, 2015

scrollBy()方法的定义和用法:

此方法可以把内容移动指定尺寸。单位是像素(px)。
点击可参阅更多window对象的属性和方法。

语法结构:

scrollBy(x,y)

参数列表:
参数 列表
x 必需。内容向右移动的尺寸。
y 必需。内容向下移动的尺寸。

浏览器支持:

1.IE浏览器支持此属性。
2.Firefox浏览器支持此属性。
3.Opera浏览器支持此属性。
4.chrome浏览器支持此属性。

代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>三水点靠木</title>
<style>
*{
 margin:0px;
 padding:0px;
}
body{
 width:1800px;
 height:1200px;
}
input{
 position:fixed;
 left:20px;
 top:20px;
}
</style>
<script type="text/javascript">
function resize(){
 window.scrollBy(200,300);
}
window.onload=function(){
 var bt=document.getElementById("bt");
 bt.onclick=function(){
 resize()
 }
}
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"> 
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
javascript String 的扩展方法集合
Jun 01 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
举例讲解AngularJS中的模块
Jun 17 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
详解vue-cli构建项目反向代理配置
Sep 07 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 Javascript
javascript实现京东快递单号的查询效果
Nov 30 Javascript
jQuery的bind()方法使用详解
Jul 15 #Javascript
纯JavaScript实现的分页插件实例
Jul 14 #Javascript
javascript实现网页字符定位的方法
Jul 14 #Javascript
JavaScript取得WEB安全颜色列表的方法
Jul 14 #Javascript
jquery获得当前html页面源码的方法
Jul 14 #Javascript
javascript实现动态表头及表列的展现方法
Jul 14 #Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 #Javascript
You might like
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式二图文详解
2019/04/09 PHP
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
2013/11/29 Javascript
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
基于jQuery实现表单提交验证
2014/11/24 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
[07:47]DOTA2国际邀请赛采访专栏:探访Valve总部
2013/08/08 DOTA
python中尾递归用法实例详解
2015/04/28 Python
python Socket之客户端和服务端握手详解
2017/09/18 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
详解python字节码
2018/02/07 Python
python中的colorlog库使用详解
2019/07/05 Python
python自动点赞功能的实现思路
2020/02/26 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
HTML5 canvas基本绘图之填充样式实现
2016/06/27 HTML / CSS
硕士研究生自我鉴定
2013/11/08 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
商业计划书格式、范文
2019/03/21 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android
你需要掌握的20个Python常用技巧
2022/02/28 Python