Maison > Article > interface Web > Une brève discussion sur la méthode scrollBy() des compétences window object_javascript
Définition et utilisation de la méthode scrollBy() :
Cette méthode peut déplacer le contenu à la taille spécifiée. L'unité est le pixel (px).
Cliquez pour voir plus de propriétés et de méthodes de l'objet window.
Structure grammaticale :
défilementPar(x,y)
Liste des paramètres :
Liste des paramètres
x est requis. La taille pour déplacer le contenu vers la droite.
y est requis. La taille selon laquelle le contenu se déplace vers le bas.
Support du navigateur :
Le navigateur 1.IE prend en charge cet attribut.
2.Le navigateur Firefox prend en charge cet attribut.
3. Le navigateur Opera prend en charge cet attribut.
4.Le navigateur Chrome prend en charge cet attribut.
Exemple de code :
<!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>
Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.