Heim >Web-Frontend >js-Tutorial >Eine kurze Diskussion über die scrollBy()-Methode der Fensterobjekt_javascript-Fähigkeiten

Eine kurze Diskussion über die scrollBy()-Methode der Fensterobjekt_javascript-Fähigkeiten

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 15:50:181416Durchsuche

Definition und Verwendung der scrollBy()-Methode:

Mit dieser Methode kann der Inhalt auf die angegebene Größe verschoben werden. Die Einheit ist Pixel (px).
Klicken Sie hier, um weitere Eigenschaften und Methoden des Fensterobjekts anzuzeigen.

Grammatikstruktur:

scrollBy(x,y)

Parameterliste:
Parameterliste
x ist erforderlich. Die Größe, um den Inhalt nach rechts zu verschieben.
y ist erforderlich. Die Größe, um die der Inhalt nach unten verschoben wird.

Browserunterstützung:

1.IE-Browser unterstützt dieses Attribut.
2. Der Firefox-Browser unterstützt dieses Attribut.
3. Der Opera-Browser unterstützt dieses Attribut.
4.Der Chrome-Browser unterstützt dieses Attribut.

Codebeispiel:

<!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>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn