Une fois la page chargée, la barre de défilement défile automatiquement jusqu'à une certaine position

Hier, j'ai eu une demande. Je voulais que la page défile automatiquement jusqu'à une certaine position vers la gauche après son chargement.

J'ai toujours pensé que le simple fait de définir une valeur sur document.documentElement.scrollLeft sur la page prendrait effet, mais j'ai été déçu~ J'ai pris le temps de vérifier aujourd'hui et j'ai découvert : Utiliser document.documentElement.scrollLeft pour définir la valeur. Elle doit prendre effet lorsqu'elle est déclenchée par un événement humain Si vous souhaitez que la page défile automatiquement sur une certaine distance après le chargement, utilisez l'animation de jquery, comme dans l'exemple suivant :

$("html,body").animate( {"scrollLeft": "300px"}, 1000); $("html,body").animate({"scrollTop": "300px"); }, 1000);

démo :

Copier le code Le code est le suivant : ;/title> /javascript" src="https://www.gamebox.com/js/ jquery.js">

href="javascript:;">Cliquez sur <!-- fin du conteneur

/*window.onload = function(){ window.scroll(0,300);

$(".btn").on("click", function() {

document.documentElement.scrollLeft = "500"; var oTop = document.body.scrollTop || document.documentElement.scrollTop var oLeft = document.body.scrollLeft || .documentElement.scrollLeft;

alert(oLeft); }*/

$(function(){ $("html,body" ).animate({"scrollLeft": "300px"}, 1000);