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

Question

我需要关于如何添加页面底部的“转到页首”链接的建议，但只有当页面长度超过浏览器窗口大小时才会这样。

的算法是：

• 检查页面高度
• 计算页脚和页眉高度
• 比较大小
• 找到最后一个元素页脚之前（例如，通过ID）
• 插入链接到＃顶部菜单

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

Answer 1

嗯......我在想，检测body.scrollTop！= 0，那么这意味着页面高于浏览器的视口。我会将“Go to top”元素始终作为页面的一部分，但其可见状态取决于body.scrollTop！= 0。要检测body.scrollTop！是否为0，则需要每隔100ms轮询其值说，并且是否为零，将“Go to top”对象的显示属性设置为“'或'none'。

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

编辑：刚发现（可能的恶意软件链接删除），可能是有用的，如果你与上述去。