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

Question

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

算法将是：

• 检查页面高度
• 计算页脚和页眉高度
• 比较尺寸
• 在页脚之前找到最后一个元素（例如通过id）
• 将链接插入＃top-menu

（假设纯JavaScript，也在IE6中工作。我不想使用任何JS库。）

Answer 1

嗯......我正在考虑检测body.scrollTop！= 0，这意味着该页面高于浏览器的视口。我会使“Go to top”元素始终是页面的一部分，但其可见状态将取决于body.scrollTop！= 0.要检测body.scrollTop！= 0，您需要每隔100ms轮询一次它的值比如说，是否为零，将“Go to top”对象的display属性设置为''或'none'。

虽然可能会有一点烦恼，因为“Go to top”元素本身会增加整体页面高度。在这种情况下，使用'visibility'属性而不是'display'可能是更好的选择。

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