编程 Javascript

浅谈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>

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

浅谈window对象的scrollBy()方法

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 网易相册鼠标移动显示隐藏效果实现代码

Mar 31 Javascript

javascript面向对象之定义成员方法实例分析

Jan 13 Javascript

JS实现从顶部下拉显示的带动画QQ客服特效代码

Oct 24 Javascript

JavaScript动态插入CSS的方法

Dec 10 Javascript

jquery在ie7下选择器的问题导致append失效的解决方法

Jan 10 Javascript

jQuery实现的导航动画效果(附demo源码)

Apr 01 Javascript

JS 实现banner图片轮播效果(鼠标事件)

Aug 04 Javascript

vue devtools的安装与使用教程

Aug 08 Javascript

解决layer弹出层的内容页点击按钮跳转到新的页面问题

Sep 14 Javascript

vue单文件组件无法获取$refs的问题

Jun 24 Javascript

js+canvas实现画板功能

Sep 13 Javascript

利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)

Feb 24 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