ホームページ > 記事 > ウェブフロントエンド > ウィンドウ object_javascript のスキルのscrollBy()メソッドに関する簡単な説明
scrollBy() メソッドの定義と使用法:
このメソッドはコンテンツを指定したサイズに移動できます。単位はピクセル(px)です。
クリックすると、ウィンドウ オブジェクトのその他のプロパティとメソッドが表示されます。
文法構造:
scrollBy(x,y)
パラメータリスト:
パラメータリスト
×は必須です。コンテンツを右に移動するサイズ。
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>
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。