Erzwingen Sie die Seitenrollposition bei HTML-Aktualisierung der Seite nach oben

Ich Baue eine website, die ich bin-publishing mit divs. Wenn ich die Seite aktualisieren, nachdem Sie es war Bildlauf zu der position X, dann wird die Seite geladen ist mit der scroll-position als X.

Wie kann ich erzwingen, dass die Seite gescrollt werden, um die oben auf Seite aktualisieren?

  • Was ich denken kann, ist von einigen JS oder jQuery ausführen als onLoad() Funktion der Seite zu SET die Seiten nach oben. Aber ich weiß nicht, wie ich das machen könnte.
  • Eine bessere option wäre, wenn es eine Eigenschaft oder etwas, damit die Seite geladen mit der scroll-position als Standard - (D. H. oben) eine Art, wie laden der Seitestatt Seite aktualisieren.

InformationsquelleAutor der Frage Moon | 2010-09-08

  1. 126

    Kann man es mit der scrollTop Methode auf DOM-ready:

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

    InformationsquelleAutor der Antwort Pat

  2. 28

    Die Antwort hier nicht klappt für safari
    Dokument.bereit ist oft gefeuert zu früh.

    Nutzen sollten die beforeunload Veranstaltung, die verhindern, dass Sie tun, einige setTimeout

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

    InformationsquelleAutor der Antwort Ben

  3. 8

    Überprüfen Sie die jQuery - .scrollTop() Funktion hier

    Sähe es so etwas wie

    $(document).load().scrollTop(0);

    InformationsquelleAutor der Antwort jon3laze

  4. 8

    Können Sie auch versuchen, 

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

    Wenn Sie möchten, scrollen Sie bei der x-position Sie können den Wert ändern von 0 auf x.

    InformationsquelleAutor der Antwort Ankitkumar Bhatt

  5. 5

    Wieder, die beste Antwort ist:

    window.onbeforeunload = function () {
    window.scrollTo(0,0);

    (das ist für die nicht-jQuery, Blick nach oben, wenn Sie sind auf der Suche ofr die JQ-Methode)

    EDIT: einen kleinen Fehler, den seine "onbeforunload" 🙂
    Chrome und andere Browser "merken" sich die Letzte scroll-position vor dem entladen, so dass, wenn Sie setzen Sie den Wert auf 0,0 nur vor dem entladen Ihrer Seite, die Sie sich erinnern werden von 0,0 und nicht, Blättern Sie zurück zu, wo Sie die Bildlaufleiste war 🙂

    InformationsquelleAutor der Antwort xoxel

  6. 4
    <script> location.hash = (location.hash) ? location.hash : " "; </script>

    Setzen Sie das obige Skript in <head> - tag Ihrer html. Nicht sicher, wie single-page-apps benehmen! Aber sicher funktioniert wie Charme in regelmäßigen Seiten.

    InformationsquelleAutor der Antwort harshes53

  7. 4

    Statt location.reload() einfach location.href = location.href. Es wird kein Bildlauf zu der vorherigen position als location.reload() tut.

    Hinweis: Dies wird nicht neu laden, wenn es irgendwelche # in der URL

    InformationsquelleAutor der Antwort Nauphal

  8. 2
    $(document).ready(function(){
    $(window).scrollTop(0);
});

    funktionierte nicht für mich als google chrome würde das nur scrollen Sie wieder nach unten, nachdem die Seite fertig geladen ist.
    Was ich benutzt habe war 

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

    //Dieser lädt die Seite mit einem # am Ende. So wird es immer geladen an der Spitze.

    InformationsquelleAutor der Antwort Daut

  9. 2

    Die Antwort hier(scrollen in $(document).ready) funktioniert nicht, wenn es gibt ein video in die Seite. In diesem Fall wird die Seite gescrollt wird, wenn das Ereignis ausgelöst wird, überschreiben unsere Arbeit.

    Beste Antwort sollte sein:

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

    InformationsquelleAutor der Antwort DrPollit0

Schreibe einen Kommentar