Evitar el desplazamiento automático del navegador al actualizar

Si va a una página a y se desplaza, actualice la página se actualizará en el lugar donde la dejó. Esto es genial, sin embargo, esto también ocurre en páginas donde hay una ubicación de anclaje en la URL. Un ejemplo sería si hiciera clic en un enlace http://example.com/post/244#comment5y actualizara la página después de mirar a su alrededor, no estaría en el ancla y la página salta. ¿Hay alguna forma de evitar esto con javascript? Para que no importa lo que sea, siempre navegará hasta el ancla.

Esta solución ya no se recomienda debido a cambios en el comportamiento del navegador. Vea otras respuestas.

Básicamente, si se usa un ancla, nos vinculamos al evento de desplazamiento de Windows. La idea es que el primer evento de desplazamiento debe pertenecer al reposicionamiento automático realizado por el navegador. Cuando esto ocurre, hacemos nuestro propio reposicionamiento y luego eliminamos el evento vinculado. Esto evita que los siguientes desplazamientos de página estropeen el 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");
        });
    }

});

En Chrome, incluso si fuerza scrollTop a 0, saltará después del primer evento de desplazamiento.

Debes vincular el pergamino a esto:

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

Por tanto, se engaña al navegador para que crea que estaba al principio antes de la actualización.

Para deshabilitar la restauración automática de desplazamiento, simplemente agregue esta etiqueta a la sección del encabezado.

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

No es compatible con IE. Compatibilidad del navegador.

Después de varios fallos finalmente logré hacer el truco. anzo es correcto aquí, ya que usar beforeunloadhará que la página salte a la parte superior cuando un usuario vuelva a cargar la página o haga clic en un enlace. Así unloades claramente la forma de hacer esto.

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

Forma de Javascript (Gracias ProfNandaa ):

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

EDITAR: 16/07/2015

El problema del salto sigue ahí con Firefox incluso con unloadevent.

Aquí hay un enfoque más general. En lugar de intentar evitar que el navegador se desplace (o salte a la parte superior como se vería), simplemente restauro la posición anterior en la página. Es decir, estoy grabando el desplazamiento y actual de la página en localStorage y me desplazo a esta posición una vez que la página se ha cargado.

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
}

Puede poner un # al final para que la página se cargue en la parte superior.

Funciona en todos los navegadores, móviles y de escritorio, porque es muy simple.

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

});

// Esto carga la página con un # al final.

Esto funciona para mi.

    //Reset scroll top

    history.scrollRestoration = "manual"

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

Deberias ser capaz de.

Onload, compruebe si window.location.hashtiene un valor. Si es así, tome el elemento con una identificación que coincida con el valor hash. Encuentre la posición del elemento (llamadas recursivas a offsetTop / offsetLeft) y luego pase esos valores al window.scrollTo(x, y)método.

Esto debería desplazar la página hasta el elemento deseado.