本文给大家介绍的是 windows 对象中的 scrollBy() 的定义和使用方法,十分的细致全面,有需要的小伙伴可以参考下。
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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>phperz</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>
来源: