如何使用锚点ID（例如#top）锚定到页面的绝对顶部

Question

我的页面顶部有一个工具栏，有一个固定的位置，我有锚定到＃top和#bottom。

问题是，我知道只有href =“＃”会将查看器带到最顶层页面的绝对开头，但是，由于jQuery脚本的存在，我需要它为“#top”。当我在body标签后面放置#top的div时，锚点只会将我带到页面上内容的开头，而不是实际顶部。这个问题是工具栏已经超出它的预示，因为z-index，所以看起来它实际上没有把你带到顶端。

有什么方法可以让href =“＃top”产生与href =“＃”相同的效果，直接指向页面顶部？

Answer 1

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

Answer 2

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

因此，如果你不拥有id="top"的元素，那么它将按你的意愿运作..

http://jsfiddle.net/gaby/AkAeD/1/

演示