浅谈window对象的scrollBy()方法
更新时间：2015年07月15日 09:08:07 投稿：hebedich
本文给大家介绍的是windows对象中的scrollBy()的定义和使用方法，十分的细致全面，有需要的小伙伴可以参考下。
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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
Math对象是一个内置对象,具有数学常数和函数的属性和方法,不是一个函数对象,下面这篇文章主要给大家介绍了关于javascript中内置对象Math的介绍及用法案例的相关资料,需要的朋友可以参考下2022-03-03
本篇文章是小编整理的关于javascript获取图片的top N主色值方法的详解以及代码分享，有兴趣的朋友参考下吧。2018-01-01
本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧2008-05-05
Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。在开发过程中我们同样会遇到各种各样奇葩的问题。下面小编给大家带来了有关IONIC页面底部被遮住无法向上滚动问题的解决方案2016-09-09
多年以来，IE一直都是最难于调试JavaScript 错误的浏览器。IE给出的错误消息一般很短又语焉不详。而且上下文信息也很少，有时甚至一点都没有。下面几小节将分别探讨一些在IE中难于调试的JavaScript 错误2016-11-11
本窗口将在秒后自动关闭...2006-07-07
下面小编就为大家带来一篇深入理解JS addLoadEvent函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
弹出层永远居中的方法有很多，在本文为大家详细介绍下使用js是如何轻松实现的，喜欢的朋友可以参考下2013-11-11
这篇文章主要介绍了JavaScript时间与时间戳的转换操作,结合实例形式分析了javascript日期与时间戳转换相关函数与操作技巧,需要的朋友可以参考下2018-12-12
在本篇教程中，我将指出一些重要的 JavaScript 最佳实践，让你不必去用另外一种艰难的方式来了解它们。准备好去升级你的代码吧2016-12-12
最新评论