Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 15:50:18
original
1349 Les gens l'ont consulté

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>
Copier après la connexion

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal