Laden einer Seite zum vorherigen Bildlaufpunkt

Question

Ich habe eine PHP-Seite, die eine lange Tabelle von Elementen generiert. Eine Spalte listet Aktionen auf, die für jedes Element (Zeile) verfügbar sind, von denen eines "Löschen" ist. Nach dem Löschen des Datensatzes wird die gesamte Seite neu geladen, wobei der obere Teil der Tabelle oben auf dem Bildschirm angezeigt wird. Dies ist jedoch eine Belastung. Wenn ich ein Element weit unten in der Tabelle lösche, möchte ich, dass das Reload dorthin scrollt, wo ich war, so dass es einfach ist, das nächste Element zu löschen. So wie es ist, muss ich manuell mehrere Male nach unten scrollen und finde wo ich war, bevor ich die nächste Zeile löschen kann.

Wie kann ich eine neue Ladung der Seite automatisch an den Ort, wo ich war, scrollen?

Ich mache das in WordPress, wenn es einen Unterschied macht.

Answer 1

Die Art, wie ich dies für einen vorherigen Job getan habe, war, den Index des "tr", das die Schaltfläche zum Löschen enthielt, zu speichern und im Sitzungsspeicher zu speichern. Beim Neuladen der Seite habe ich die Indexnummer aus dem Sitzungsspeicher entfernt und bin zu diesem Index gescrollt.

//function to set line index on clicking a table row   
    $("table").eq(2).on('click','tr',function() 
     { 
      var lineNum = $(this).closest("tr").index(); 
      sessionStorage.setItem('lineNumber',lineNum); 
     }); 

    //retrieves line index and scrolls to it 
    var line_Number=parseFloat(sessionStorage.getItem('lineNumber')); 
    $("tr").eq(line_Number)[0].scrollIntoView();  

Wenn ich es jetzt tun, würde ich wahrscheinlich Ajax verwenden und vergessen Sie die Seite neu zu laden und einfach den Inhalt löschen und die Seite verlassen, wo sie, ohne sich um den Index zu kümmern war oder, um es zu scrollen.