Gestern gab es eine Anforderung, in der Hoffnung, dass die Seite nach dem Laden automatisch nach links scrollt.
Ich dachte immer, dass nur einen Wert für das Dokument der Seite festgelegt wird.
Ich habe mir die Zeit genommen, heute zu überprüfen und herauszufinden:
Verwenden Sie das document.documentElement
Wenn die Seite beim Laden automatisch eine bestimmte Entfernung scrollen soll, verwenden Sie Jquery's Animate, wie im folgenden Beispiel gezeigt:
$ ("html, Körper"). Animate ({"Scrollleft": "300px"}, 1000);
$ ("HTML, Body"). Animate ({"Scrolltop": "300px"}, 1000);
Demo:
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8"/>
<title> Auto Scroll </title>
<meta name = "keywords" content = ""/>
<meta name = "Beschreibung" content = ""/>
<script type = "text/javascript" src = "https://www.gamebox.com/js/jquery.js"> </script>
</head>
<body>
<!-Containerstart->
<div style = "Höhe: 3000px; Breite: 3000px;">
<a href = "javaScript:;"> klicken </a>
</div>
<!-Containerende->
<script type = "text/javaScript">
/* window.onload = function () {
Fenster.Scroll (0.300);
$ (". Btn"). On ("Click", function () {
document.documentElement.scrollleft = "500";
var otop = document.body.scrolltop || document.documentElement.scrolltop;
var oleft = document.body.scrollleft ||
Alarm (Oleft);
});
}*/
$ (function () {
$ ("html, Körper"). Animate ({"Scrollleft": "300px"}, 1000);
});
</script>
</body>
</html>