4

Estava querendo que quando a página fosse carregada, automaticamente fosse para o fim dela. Não quero usar jquery pois o projeto é algo relativamente simples. Não é necessário. Eu usei o seguinte código:

<body onload="toBottom();">

</body>
function toBottom(){
  var elem = document.querySelector("body");
  elem.scrollTop = elem.scrollHeight;
}

Ele funciona quando carrega página, ok! Só que quando dou refresh não. Apenas se eu fechar a página, e entrar novamente. Como resolver isso?

0

2 Respostas 2

4

Dessa forma testei aqui dando F5 e reload na pagina e funciona perfeitamente.

editei com a função cria br pra n ficar com 30 mil brs na pagina kk

window.onload = function() {
  criaBr();

  toBottom();
};

function criaBr(){
  var body = document.querySelector("body");
  var br = "<br/>";
  for(var i = 0; i < 10; i++){
      br += br;
  }
  
  body.innerHTML += (br + "<button onclick='refresh()'> Refresh </button>");
}

function refresh(){
	location.reload();
}

function toBottom(){
  var elem = document.querySelector("body");
  elem.scrollTop = elem.scrollHeight;
}
<body>
b


</body>

2
  • Na realidade sua solução só funciona porque você está adicionado itens ao HTML dentro do Javascript. Se você deixar o HTML fixo não irá funcionar.
    – Sorack
    6/12/2016 às 16:41
  • 1
    Funciona sim, se olhar as edições eu havia feito do outro modo, porem para não ficar muito grande o codigo refatorei e fiz assim 6/12/2016 às 20:00
2

Tente usar o onload dentro do seu javascript:

window.onload = toBottom;

function toBottom() {
  setTimeout(function() {
    window.scrollTo(0,document.body.scrollHeight);
  }, 0);
}
3
  • Infelizmente da o mesmo resultado. Funciona, mas não quando da refresh.
    – Ericki
    2/12/2016 às 18:05
  • @Ericki mudei aqui a função, com o setTimeout funciona
    – Sorack
    2/12/2016 às 18:15
  • Perfeito! Thanks^^
    – Ericki
    2/12/2016 às 18:21

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .