Dies geschieht aufgrund von Scroll Anchoring in Chrome und Firefox (bald auch in Safari). Diese Funktion ermöglicht es Browsern, sich an einem sichtbaren Element zu “verankern”, sodass das Einfügen von Inhalten oberhalb des Ansichtsfensters keine Verschiebung der Scroll-Position verursacht.
Firefox hat einen Debug-Modus für diese Funktion, der durch Aufrufen von about:config und Umschalten von layout.css.scroll-anchoring.highlight aktiviert werden kann. Man kann also sehen, dass es sich normalerweise an etwas im Post-Stream anlehnt:
Wenn Sie jedoch zu weit nach unten scrollen, während die Zeitleiste eingeklappt ist, wird die Zeitleiste als Ankerpunkt gewählt:
Wie @don sagt, liegt das daran, dass die Reihenfolge der Elemente im DOM anders ist als die angezeigte Reihenfolge. Es scheint, dass der Scroll-Anchoring-Algorithmus das DOM der Reihe nach durchläuft und das erste vollständig sichtbare Element auswählt, das er finden kann. Wenn also die eingeklappte Zeitleiste sichtbar ist, wird sie immer vor dem Post-Inhalt ausgewählt.
Das Ändern der Reihenfolge würde helfen, aber ich wäre besorgt über mögliche Regressionen. Außerdem frage ich mich, ob es einen Grund hat, dass es so herum ist (Bildschirmlesegeräte, vielleicht?).
Die einfachste Lösung hier ist, overflow-anchor: none für die Zeitleiste festzulegen. Dann wird sie nie zum Ankern ausgewählt: