代码之家 › 专栏 › 技术社区 › takeshin

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

usability javascript

1

takeshin · 技术社区 · 16 年前

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

算法是:

检查页面高度
计算页脚和页眉高度
比较尺寸
查找页脚前的最后一个元素(例如按ID)
将链接插入顶部菜单

(假设纯javascript,也可以在IE6中工作。我不想使用任何JS库。)

1 回复 | 直到 15 年前

1

3

Will 15 年前

隐马尔可夫模型。。。我正在考虑检测body.scrolltop!=0,则表示页面高于浏览器的视区。我将使“go to top”元素始终是页面的一部分,但其可见状态将取决于body.scrolltop!= 0。检测body.scrolltop是否正确!=0,您将需要每隔100毫秒轮询一次它的值,例如,无论它是零,都将“转到顶部”对象的显示属性设置为“”或“无”。

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

编辑:刚刚找到(可能的恶意软件链接被删除),如果你使用上面的方法,可能会很有用。