Klick auf Zurück-Button springt immer an den Seitenanfang

Liebe Community,

wenn ich das Newsreader-Modul nutze, springt ein Klick auf den Zurück-Button immer an den Anfang der Ursprungsseite, und nicht an die Stelle, wo ich vorher war. Wenn ich im Newsreader-Modul aber die Zeile

PHP-Code:

---

<p class="back"><a href="<?= $this->referer ?>" title="<?= $this->back ?>"><?= $this->back ?></a></p>

---

durch die Javascript-Zeile

Code:

---

<p class="back"><a href="javascript:history.back()">Zurück</a></p>

---

ersetze, funktioniert es einwandfrei.

Ist es beabsichtigt, dass der originale Code immer an den Seitenanfang der Ausgangsseite zurückspringt?
Falls ja: Kann ich das so mit Javascript lösen, wie ich es gemacht habe, oder gibt es da bessere Lösungen?

grashalm

Du kannst im Frontend-Modul Nachrichtenleser eine Übersichtsseite mit individueller Bezeichnung vergeben

Ich denke das hat er bereits gemacht (sonst würde der Link im Default-Template von Contao 5 gar nicht ausgegeben werden). Aber nur mit history.goBack() bekommt man auch die ursprüngliche Scroll-Position wiederhergestellt.

Zitat:

---

Zitat von derRenner

Du kannst im Frontend-Modul Nachrichtenleser eine Übersichtsseite mit individueller Bezeichnung vergeben

---

Ja, ich weiß. Das mache ich ja auch. Aber die Scrollposition der ursprünglichen Seite erreiche ich damit nicht. Die erreiche ich tatsächlich nur, wenn ich im Template

HTML-Code:

---

<a href="javascript:history.back()">Zurück</a>

---

eingebe, da hat Spooky schon recht. Frage ist nur: Ist das der sauberste Weg, das so zu programmieren? Oder gibt es noch einen besseren Weg? Und ist es so gewollt / wünschenswert, dass die Scrollposition der Ursprungsseite mit dem Original-Code im Template nicht erreicht wird? Oder wäre das ein Issue bei github wert? Das kann ich schlecht einschätzen...

Ich glaube, das mit der Scrollposition ist eher so nicht allgemein gewünscht, jedenfalls nicht automatisch.

Du könntest die jeweilge Position im localStorage des Browsers speichern und dann ja auch wieder aufrufen.

Aus dem Bauch heraus ein Beispiel für ein Element .sidebar:

Code:

---

// .sidebar Element finden
let sidebar = document.querySelector(".sidebar");

// Scroll Position aus dem localStorage lesen
let storedScrollPosition = localStorage.getItem("sidebarScroll");
// Wenn es eine Position gibt daorthin scrollen
if (storedScrollPosition !== null) {
  sidebar.scrollTop = Number(storedScrollPosition);
}
// Scroll position in localStorage speichern bevor die Seite verlassen wird
window.addEventListener("beforeunload", () => {
  localStorage.setItem("sidebarScroll", sidebar.scrollTop);
});

---

Hallo Lucina,

vielen Dank für Deine Idee.

Grundsätzlich muss ich nochmal nachfragen: Ist Dein Code die bessere / sauberere Variante, so etwas umzusetzen, oder könnte ich auch
bei meinem Javascript-Snippet bleiben??? Den verstehe ich nämlich wenigstens noch. Und wenn ich dabei bliebe, habe ich dann durch das
Auskommentieren der entsprechenden Zeile im Template

PHP-Code:

---

<p class="back"><a href="<?= $this->referer ?>" title="<?= $this->back ?>"><?= $this->back ?></a></p>

---

irgendwelche weiteren oder anderen unabsehbaren Nachteile, oder wäre das für mich tatsächlich die einfachere Lösung?

Wenn ich Deinen Code nehmen würde:

Muss ich in meinem Fall dann den Code ansonsten 1:1 so übernehmen mit diesem Element .sidebar? Ist sidebar quasi der
vertikale Scrollbalken, dessen Position im Code gespeichert wird? Muss ich den Code dann im besagten Template platzieren,
und wenn ja, wo genau? Anstelle der jetzt auskommentierten Zeile? Oder einfach danach einfügen?
Ich habe leider so gar keine Ahnung vom Coden...

Freue mich sehr über Deine Einschätzung zum oberen Teil meiner Frage, und über Antworten, wenn ich doch Deinem Codebeispiel folgen
soll...

grashalm

Lucinas Variante hilft hierbei die letzte Scroll-Position zu speichern.

Es wurde schon vorher

HTML-Code:

---

javascript:history.back()

---

genutzt, es wird auch in Zukunft weiterhin funktionieren (Wenn die Sicherheitseinstellungen es erlauben ;) ).
Grund für die Änderung war, dass die News-Seiten bei Google indexiert waren, somit ein Sprung "zurück" dann wieder zu Google führte, nicht zur Übersicht.

Es ist also dir überlassen, was besser für dich ist.

alles klar, danke!