jquery - 如何使用 #top 之类的锚 id 锚定到页面的绝对顶部

Question

我的页面顶部有一个固定位置的工具栏，并且有指向#top 和#bottom 的锚点。

问题是，我知道只是 href="#" 会将查看者带到页面最顶部的绝对开头，但是，由于有一个 jQuery 脚本，我需要它是“#top”。当我在body标签之后放置#top的div时，锚点只会将我带到页面内容的开头，而不是实际的顶部。这样做的问题是工具栏由于 z-index 而在它上面铺垫，所以看起来它实际上并没有把你带到顶部。

有什么方法可以让 href="#top" 与指向页面顶部的 href="#" 具有相同的效果？

Answer 1

实际上#top已经被浏览器用来滚动到顶部..（就像#）。

因此，如果您没有和元素，id="top"那么它将按您的意愿工作..

演示在http://jsfiddle.net/gaby/AkAeD/1/

Answer 2

$('a[href="#top"]').on('click', function(e) {
    e.preventDefault();
    $('body, html').scrollTop(0);
});