浅谈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 相关文章推荐
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
Mar 24 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
JavaScript中构造函数与原型链之间的关系详解
Feb 25 Javascript
新手简单了解vue
May 29 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 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
PHP生成制作验证码的简单实例
2016/06/12 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
一个实用的php验证码类
2017/07/06 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
jQuery timers计时器简单应用说明
2010/10/28 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
vue实例中data使用return包裹的方法
2018/08/27 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
2020/03/11 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
[01:12:35]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
深入Python解释器理解Python中的字节码
2015/04/01 Python
Python语言描述随机梯度下降法
2018/01/04 Python
python实现电脑自动关机
2018/06/20 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
pycharm的python_stubs问题
2020/04/08 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
西班牙在线宠物商店:zooplus.es
2017/02/24 全球购物
婚庆公司的创业计划书
2014/01/22 职场文书
优秀教师先进事迹
2014/01/22 职场文书
考试没考好检讨书
2014/01/31 职场文书
教师应聘自荐信范文
2014/03/14 职场文书
售房协议书
2014/08/19 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
中学生检讨书1000字
2014/10/28 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python
python对文档中元素删除,替换操作
2022/04/02 Python