浅谈window对象的scrollBy()方法

2024-05-06 16:23:09

字体：大中小

来源：转载

供稿：网友

本文给大家介绍的是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>