識別用戶在網頁上的位置

Question

我有一個新的博客。有問題的頁面是here

在頁面的左側，我有鏈接到博客的其他部分和社交媒體分享按鈕。
這些鏈接位於div的位置：fixed，因此當用戶滾動瀏覽博客時它保持原位。

我正在使用Disqus進行評論，這些鏈接覆蓋了評論部分。我可以看到兩種解決方案：一種是將Disqus限制在頁面的右側。我已在Disqus網站上發佈該問題。其他的解決方案，爲此，我需要幫助這裏，是要找出是否有一種方法來確定用戶是否已經達到了博客的結尾這樣我就可以動態地改變位置屬性，以便鏈接向上滾動當用戶掃描評論。

此外，如果用戶滾動備份通過博客，我想要的位置屬性更改回固定。

有什麼建議嗎？

謝謝。

Answer 1

我想你應該只是發表你的評論的帖子內容的寬度。這樣，您仍然可以修復邊欄並且不會干擾評論。

Answer 2

您可以檢查垂直使用JavaScript element.scrollTop頁面的偏移。
接下來，您可以獲得評論上方元素的高度，並通過window.onscroll查看當前狀態，您可以決定是否設置鏈接塊position: absolute;並添加top: ;值或設置position: fixed;