识别用户在网页上的位置

Question

我有一个新博客。有问题的页面是 here

在页面左侧，我有指向博客其他部分的链接和社交媒体分享按钮。
这些链接位于 div 和 position:fixed 中，因此当用户滚动浏览博客时它会保留在原处。

我正在使用 Disqus 进行评论，这些链接覆盖了评论部分。我可以看到两种解决方案：一种是将 Disqus 限制在页面的右侧。我已经在 Disqus 网站上发布了这个问题。另一个解决方案，我在这里需要帮助，是找出是否有一种方法可以确定用户是否已到达博客的末尾，以便我可以动态更改位置 属性，以便链接向上滚动用户扫描评论。

此外，如果用户向上滚动博客，我想将位置 属性 改回固定位置。

有什么建议吗？

谢谢。

Answer 1

我认为您应该将评论的宽度设为 post 内容的宽度。这样你仍然可以固定边栏而不影响评论。

Answer 2

你可以用javascript检查页面的垂直偏移element.scrollTop。
接下来你可以得到评论上方元素的高度并用[=11=检查] 当前状态是否可以决定是设置 link 块 position: absolute; 并添加 top: ; 值还是设置 position: fixed;