Maison  >  Article  >  interface Web  >  Une brève discussion sur la méthode scrollBy() des compétences window object_javascript

Une brève discussion sur la méthode scrollBy() des compétences window object_javascript

WBOY
WBOYoriginal
2016-05-16 15:50:181331parcourir

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.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn