Hier, il y avait une exigence, en espérant que la page défilera automatiquement vers la gauche après le chargement.
J'ai toujours pensé que cela définissait simplement une valeur sur le document de la page.DocumentElement.scrollleft et cela a pris effet, mais j'ai été déçu ~
J'ai pris le temps de vérifier aujourd'hui et j'ai découvert:
Utilisez Document.DocumentElement.Scrollleft pour définir la valeur, qui ne doit être efficace que si elle est déclenchée par un événement humain;
Si vous souhaitez que la page défile automatiquement une certaine distance lorsqu'elle est chargée, utilisez l'animation de JQuery, comme indiqué dans l'exemple suivant:
$ ("html, body"). animate ({"scrollleft": "300px"}, 1000);
$ ("html, body"). animate ({"scrolltop": "300px"}, 1000);
démo:
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8" />
<Title> Auto Scroll </Title>
<meta name = "keywords" contenu = "" />
<meta name = "Description" content = "" />
<script type = "text / javascript" src = "https://www.gamebox.com/js/jquery.js"> </ script>
</ head>
<body>
<! - Démarrage du conteneur ->
<div style = "Height: 3000px; largeur: 3000px;">
<a href = "javascript :;"> cliquez sur </a>
</div>
<! - Fin du conteneur ->
<script type = "text / javascript">
/*window.onload = function () {
window.scroll (0,300);
$ (". btn"). sur ("cliquez", fonction () {
document.DocumentElement.Scrollleft = "500";
var otop = document.body.scrolltop ||
var oleft = document.body.scrollleft ||
alerte (oleft);
});
} * /
$ (function () {
$ ("html, body"). animate ({"scrollleft": "300px"}, 1000);
});
</cript>
</docy>
</html>