跳转到长页面上的页面链接顶部

Question

我需要关于如何在页面底部添加“转到顶部”链接的建议，但仅限于页面长于浏览器窗口大小时。

算法是：

• 检查页面高度
• 计算页脚和页眉高度
• 比较大小
• 在页脚之前查找最后一个元素（例如，通过 id）
• 插入指向 #top-menu 的链接

（假设是纯 JavaScript，IE6 也可以。我不想使用任何 JS 库。）

Answer 1

嗯...我正在考虑检测 body.scrollTop != 0，那么这意味着页面高于浏览器的视口。我会让“转到顶部”元素始终是页面的一部分，但它的可见状态取决于 body.scrollTop 是否！= 0。要检测 body.scrollTop 是否！= 0，您需要每 100 毫秒轮询一次它的值比如说，无论它是否为零，请将“转到顶部”对象的显示属性设置为 '' 或 'none'。

不过，这可能有点烦人，因为“转到顶部”元素本身会增加整个页面的高度。在这种情况下，使用 'visibility' 属性而不是 'display' 可能是更好的选择。

编辑：刚刚发现（可能的恶意软件链接已删除），如果您使用上述内容，可能会有用。