Załaduj ponownie przeglądarkę nie resetuje strony do góry

Question

Myślałem, że po kliknięciu przycisku Odśwież, przeglądarka miała zresetować stronę na szczyt? Używam akordeonu js, a po odświeżeniu zamyka on akordeon, ale nie zmienia położenia strony na górze.

http://imip.rvadv.com/index3.html

Answer 1

Cóż, jak widać, nie :)

Ale można zmusić go z jakimś prostym jQuery:

$(document).ready(function(){ 
    $(this).scrollTop(0); 
}); 

EDIT:

jedynym sposobem, który wydaje się działa w IE 9, 12 FF i Chrome 20.0 jest następujący:

$(document).ready(function(){ 
    $('html').animate({scrollTop:0}, 1); 
    $('body').animate({scrollTop:0}, 1); 
}); 

Dziwne jest to, że gdy próbowałem przewijanie elementów bezpośrednio bez stosowania jakichkolwiek animacji (czyli $('html').scrollTop(0)), to nie działa. Ponieważ czas trwania jest ustawiony na 1 milisekundę, użytkownik niczego nie zauważy.

Byłbym szczęśliwy, gdyby ktoś mógł rzucić trochę światła na to - dlaczego przewijanie działa tylko z animacjami?

Answer 2

Przeglądarka przewinąć do miejsca, gdzie były przed reload, jako próbę wygody. Jest to przydatne tylko na zbyt długich stronach.

można "naprawić" to tak:

window.onload = function() {document.body.scrollTop = document.documentElement.scrollTop = 0;}; 

Answer 3

podstawie Ostatni komentarz comonpyke i własnych badań Polecam

$(document).ready(function(){ 
    $('html, body').scrollTop(0); 

    $(window).on('load', function() { 
    setTimeout(function(){ 
     $('html, body').scrollTop(0); 
    }, 0); 
}); 
}); 

• Pierwszy scrollTop zwoje wczesne
  • po dokumencie gotowe zwoje
• drugie scrollTop późne
  • po załaduj wydarzenie
    • i po Timeout

Answer 4

Spróbuj tego, jeśli żadna z powyższych pracował. To oszuka przeglądarkę, która myśli, że znajdowała się na górze dokumentu przed odświeżeniem.

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