手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浅谈window对象的scrollBy()方法
浅谈window对象的scrollBy()方法
摘要:scrollBy()方法的定义和用法:此方法可以把内容移动指定尺寸。单位是像素(px)。点击可参阅更多window对象的属性和方法。语法结构...

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()方法】相关文章:

跨浏览器的设置innerHTML方法

js动态创建及移除div的方法

浅谈javascript事件取消和阻止冒泡

JavaScript中的acos()方法使用详解

JavaScript的document和window对象详解

浅谈jQuery中replace()方法

动态加载jQuery的方法

浅谈document.write()输出样式

JavaScript中的setUTCDate()方法使用详解

js实现鼠标划过给div加透明度的方法

精品推荐
分类导航