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.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
