Impedir a rolagem automática do navegador ao atualizar

Se você for para uma página a e rolar ao redor, então a atualização da página será atualizada no local onde você a deixou. Isso é ótimo, mas também ocorre em páginas onde há um local de âncora no url. Um exemplo seria se você clicasse em um link http://example.com/post/244#comment5e atualizasse a página depois de olhar ao redor, você não estaria na âncora e a página saltasse. Existe alguma maneira de evitar isso com javascript? Para que não importe o que você sempre navegue até a âncora.

Esta solução não é mais recomendada devido a mudanças no comportamento do navegador. Veja outras respostas.

Basicamente, se uma âncora for usada, nos vinculamos ao evento windows scroll. A ideia é que o primeiro evento de scroll pertença ao reposicionamento automático feito pelo navegador. Quando isso ocorre, fazemos nosso próprio reposicionamento e removemos o evento vinculado. Isso evita que as rolagens de página subsequentes prejudiquem o sistema.

$(document).ready(function() {
    if (window.location.hash) { 
        //bind to scroll function
        $(document).scroll( function() {
            var hash = window.location.hash
            var hashName = hash.substring(1, hash.length);
            var element;

            //if element has this id then scroll to it
            if ($(hash).length != 0) {
                element = $(hash);
            }
            //catch cases of links that use anchor name
            else if ($('a[name="' + hashName + '"]').length != 0)
            {
                //just use the first one in case there are multiples
                element = $('a[name="' + hashName + '"]:first');
            }

            //if we have a target then go to it
            if (element != undefined) {
                window.scrollTo(0, element.position().top);
            }
            //unbind the scroll event
            $(document).unbind("scroll");
        });
    }

});

No Chrome, mesmo se você forçar scrollTop para 0, ele pulará depois do primeiro evento de rolagem.

Você deve vincular o pergaminho a este:

$(window).on('beforeunload', function() {
    $(window).scrollTop(0);
});

Portanto, o navegador é enganado para acreditar que estava no início antes da atualização.

Para desativar a restauração automática de rolagem, basta adicionar esta tag à seção principal.

<script>history.scrollRestoration = "manual"</script>

Não é compatível com o IE. Compatibilidade do navegador.

Depois de várias falhas, finalmente consegui fazer o truque. anzo está correto aqui, pois o uso beforeunloadfará a página saltar para o topo quando um usuário recarregar a página ou clicar em um link. Assim unloadé a maneira clara de fazer isso.

$(window).on('unload', function() {
   $(window).scrollTop(0);
});

Jeito Javascript (Obrigado ProfNandaa ):

window.onunload = function(){ window.scrollTo(0,0); }

EDITAR: 16/07/2015

O problema do salto ainda está lá com o Firefox, mesmo com unload eventos.

Aqui está uma abordagem mais geral. Em vez de tentar evitar que o navegador role (ou pule para o topo, como deveria), apenas restauro a posição anterior na página. Ou seja, estou gravando o deslocamento y atual da página em localStorage e role para esta posição assim que a página for carregada.

function storePagePosition() {
  var page_y = window.pageYOffset;
  localStorage.setItem("page_y", page_y);
}


window.addEventListener("scroll", storePagePosition);


var currentPageY;

try {
  currentPageY = localStorage.getItem("page_y");

  if (currentPageY === undefined) {
    localStorage.setItem("page_y") = 0;
  }

  window.scrollTo( 0, currentPageY );
} catch (e) {
    // no localStorage available
}

Você pode simplesmente colocar um # no final para que a página carregue no topo.

Funciona em todos os navegadores, mobile e desktop, porque é muito simples.

$(document).ready(function() {
var url = window.location.href;
console.log(url);
if( url.indexOf('#') < 0 ) {
    window.location.replace(url + "#");
} else {
    window.location.replace(url);
}

});

// Isso carrega a página com um # no final.

Isso funciona para mim.

    //Reset scroll top

    history.scrollRestoration = "manual"

    $(window).on('beforeunload', function(){
          $(window).scrollTop(0);
    });

Você deveria ser capaz.

Onload, verifique se window.location.hashtem um valor. Em caso afirmativo, pegue o elemento com um id que corresponda ao valor de hash. Encontre a posição do elemento (chamadas recursivas para offsetTop / offsetLeft) e, em seguida, passe esses valores para owindow.scrollTo(x, y) método.

Isso deve rolar a página até o elemento desejado.