Skip to main content
adicionou 10 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127

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.

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 motivo) voltam a tela ao topo automaticamente após o window.scrollTo. Usando setTimeout, mesmo com um valor mínimo de 1, o comando funciona e a tela não volta ao topo.

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 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 navegador é contornado e a tela não volta ao topo.

Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127

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 motivo) voltam a tela ao topo automaticamente após o window.scrollTo. Usando setTimeout, mesmo com um valor mínimo de 1, o comando funciona e a tela não volta ao topo.