浅谈window对象的scrollBy()方法

时间：2021-05-18

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>

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

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章