浅谈window对象的scrollBy()方法

本文给大家介绍的是windows对象中的scrollBy()的定义和使用方法，十分的细致全面，有需要的小伙伴可以参考下。

scrollBy()方法的定义和用法:

此方法可以把内容移动指定尺寸。单位是像素(px)。

点击可参阅更多window对象的属性和方法。

语法结构:

scrollBy(x,y)

参数列表:

参数列表

x必需。内容向右移动的尺寸。

y必需。内容向下移动的尺寸。

浏览器支持:

1.IE浏览器支持此属性。

2.Firefox浏览器支持此属性。

3.Opera浏览器支持此属性。

4.chrome浏览器支持此属性。

代码实例:

1. <!DOCTYPE html> 
2. <html> 
3. <head> 
4. <meta charset="utf-8"> 
5. <title>武林网</title> 
6. <style> 
7. *{ 
8. margin:0px; 
9. padding:0px; 
10. } 
11. body{ 
12. width:1800px; 
13. height:1200px; 
14. } 
15. input{ 
16. position:fixed; 
17. left:20px; 
18. top:20px; 
19. } 
20. </style> 
21. <script type="text/javascript"> 
22. function resize(){ 
23. window.scrollBy(200,300); 
24. } 
25. window.onload=function(){ 
26. var bt=document.getElementById("bt"); 
27. bt.onclick=function(){ 
28. resize() 
29. } 
30. } 
31. </script> 
32. </head> 
33. <body> 
34. <input type="button" value="查看效果" id="bt">  
35. </body> 
36. </html> 

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