Identifizieren, wo sich ein Benutzer auf einer Webseite befindet

Question

Ich habe einen neuen Blog. Die fragliche Seite ist here

Auf der linken Seite der Seite habe ich Links zu anderen Teilen des Blogs und Social-Media-Share-Buttons.
Diese Links befinden sich in einem div mit Position: behoben, so dass sie an ihrem Platz bleibt, während der Benutzer durch den Blog scrollt.

Ich verwende Disqus für Kommentare und diese Links überlagern den Kommentarabschnitt. Ich kann zwei Lösungen sehen: man soll Disqus auf der rechten Seite der Seite beschränken. Ich habe diese Frage auf der Disqus Website veröffentlicht. Die andere Lösung, für die ich hier Hilfe benötige, besteht darin, herauszufinden, ob der Benutzer das Ende des Blogs erreicht hat, sodass ich die position -Eigenschaft dynamisch ändern kann, so dass die Links nach oben rollen, wenn der Benutzer die Kommentare scannt .

Auch, wenn der Benutzer durch das Blog zurück scrollt, möchte ich die Position Eigenschaft wieder auf behoben.

Irgendwelche Vorschläge?

Danke.

Answer 1

Ich denke, Sie sollten nur Ihre Kommentare die Breite des Beitrags Inhalt machen. Auf diese Weise können Sie die Seitenleiste immer noch fixieren und die Kommentare nicht stören.

Answer 2

Sie können den vertikalen Offset der Seite mit Javascript element.scrollTop überprüfen.
nächstes können Sie die Höhe des Elements über die Kommentare erhalten und prüfen Sie mit window.onscroll der aktuelle Zustand, ob Sie entscheiden, ob Sie den Link Block position: absolute; und fügen Sie einen top: ; Wert gesetzt oder Sie setzen position: fixed;