Com JavaScript puro, você pode fazer deste modo:
URL da página:
meusite.com.br/#localdesejado
ou
meusite.com.br/index.html#localdesejado
ou
meusite.com.br/index.html?localdesejado
Script:
(function(){
url_ = location.href;
if(url_.match(/localdesejado/)){
setTimeout("window.scrollTo(0,document.body.scrollHeight/2)",1);
}
})();
O script verifica se a string "localdesejado" passado na URL (ex.: meusite.com.br/#localdesejado
) está presente e faz o scroll
até a metade da tela.
Usei o parâmetro "localdesejado" apenas como exemplo. Você pode usar o termo que quiser no script.
Por que usei setTimeout
?
Porque alguns navegadores (não sei se todos, talvez; e não sei o motivotalvez todos) voltam a tela ao topo automaticamente após o window.scrollTo
. Usando setTimeout
, mesmo com um valor mínimo de 1
, esse problema com o comando funcionanavegador é contornado e a tela não volta ao topo.