浅谈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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要为大家介绍了svg插入foreignObject无法响应事件解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
这篇文章主要介绍了JavaScript实现多种排序算法的相关资料，包括冒泡排序、插入排序、选择排序等，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了js点击按钮实现带遮罩层的弹出视频效果,需要的朋友可以参考下2015-12-12
很早之前就想分享这篇心得，幸之今天能在这里完成，好了，话不多说，进入正题。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了JSONObject与JSONArray使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
缓冲效果就是实现一个页面的由慢到快或由快到慢的过程。2009-09-09
这篇文章主要介绍了JS判断网页广告是否被浏览器拦截过滤的代码,需要的朋友可以参考下2015-04-04
在js中通过window.location.href控制页面跳转时，有时会跳转至缓存页面，并没有真正去请求要跳转的地址，导致页面数据未能及时加载刷新。怎么解决呢？下面小编给大家解答下2016-10-10
Electron是开源的框架，可以使用h5来开发跨平台pc桌面应用，这样前端开发这可以开发桌面应用了。这篇文章主要介绍了Electron中实现大文件上传和断点续传功能,需要的朋友可以参考下2018-10-10
越来越多的网站进行数据传输时不使用明文传输,本文主要介绍了JS逆向之加密参数定位,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-01-01
最新评论