Havia um requisito ontem, esperando que a página role automaticamente para a esquerda após o carregamento.
Eu sempre pensei que basta definir um valor para o documento da página.documentElement.Scrollleft e isso entrou em vigor, mas fiquei decepcionado ~
Tomei um tempo para verificar hoje e descobri:
Use document.documentElement.scrollleft para definir o valor, que deve ser efetivo apenas se acionado por um evento humano;
Se você deseja que a página role automaticamente uma certa distância quando for carregada, use o Animate de Jquery, conforme mostrado no exemplo a seguir:
$ ("html, corpo"). Animate ({"scrollLeft": "300px"}, 1000);
$ ("html, corpo"). Animate ({"scrolltop": "300px"}, 1000);
Demonstração:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8"/>
<title> rolagem automática </title>
<meta name = "Palavras -chave" Content = ""/>
<meta name = "description" content = ""/>
<script type = "text/javascript" src = "https://www.gamebox.com/js/jquery.js"> </script>
</head>
<Body>
<!-Início do contêiner->
<div style = "altura: 3000px; largura: 3000px;">
<a href = "javascript :;"> clique </a>
</div>
<!-final de contêiner->
<script type = "text/javascript">
/*window.onload = function () {
Window.Scroll (0.300);
$ (". btn"). on ("clique", function () {
document.documentElement.scrollleft = "500";
var otop = document.body.scrolltop || document.documentElement.scrolltop;
var oleft = document.body.scrollleft || document.documentElement.scrollleft;
alerta (Oleft);
});
}*/
$ (function () {
$ ("html, corpo"). Animate ({"scrollLeft": "300px"}, 1000);
});
</script>
</body>
</html>