HTML / Javascript: erinnern Sie sich Scroll unabhängig von der Fenstergröße
Ich habe eine Webseite, um Bücher online zu lesen. Ich möchte die Position im Dokument speichern. Wenn ein Benutzer mit dem Lesen fortfährt, beginnt er an der Stelle, an der er zuvor war.
Ich kann den Bildlauf mit Dingen wie window.pageYOffset bekommen, aber das hängt von der Größe des Browserfensters ab. Mit anderen Worten, wenn Sie Ihr Fenster schmaler machen, befindet sich derselbe Text in einem anderen Bildlauf (siehe Bild für ein Beispiel).
Ich muss also eine unabhängige Fenstergröße für die Scroll-Messung erstellen. Irgendwelche Ideen?
Hinweis: Ich brauche das nur, um auf Mozilla-basierten Browsern zu funktionieren.
Vielen Dank im Voraus
2 Antworten
Wenn meine Annahme richtig ist, dass der relative scrollTop-Wert in Bezug auf die Dokumenthöhe immer derselbe ist, könnte das Problem ziemlich einfach gelöst werden.
Setze zuerst einen Cookie mit dem gelesenen Prozentsatz:
%Vor%Beim Laden der nächsten Seite können Sie die Position wiederherstellen, indem Sie den scrollTop-Wert für den Körper festlegen:
%Vor%Beachten Sie, dass read_cookie keine Browserfunktion ist. Du musst es implementieren. Ein Beispiel finden Sie auf Ссылка
Ich habe das auf einer großen Seite getestet und es hat ganz gut funktioniert.
Aaaaaa und meine Version ist spät ... wieder ... aber zumindest habe ich eine Demo:
Meine Methode verwendet auch Prozent (Bildlaufposition / (Bildlaufhöhe - Containerhöhe))
%Vor%Tags und Links javascript html scroll mozilla