Definir página HTML posição vertical com JavaScript

Question

Eu tenho uma página HTML que rola para cima e para baixo (não muito, mas faz rolagem). Como posso definir a posição de rolagem na página depois de executar alguns JavaScript?

Eu estou usando jQuery para injetar um pouco de HTML adicional na parte inferior da página e eu gostaria de programaticamente rolagem para a posição de que o novo conteúdo após ter sido adicionado.

Answer 1

Outra maneira de fazer isso, de modo que você tem a opção:

No HTML você está adicionando à parte inferior da página, você pode inserir uma tag âncora nomeada e, em seguida, mudar a URL para que a página move-se lá (FYI: não vai atualizar a página).

// add HTML like this, dynamically:
// <a name="moveHere" />

// the javascript to make the page go to that location:
window.location.hash = "moveHere";

Dependendo do que você está fazendo, isso pode ou não pode ser uma solução útil.

Answer 2

Tente usar window.scroll .

Exemplo:

// put the 100th vertical pixel at the top of the window
<button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>