jquery - jquery 滚动并不能一直向上

Question

正如您在这里看到的:http://jsfiddle.net/huJ95/在 div 开始之前(文本是 -> div 开始，因此用户需要向上滚动才能看到开头)，滚动会停止(我相信是 5-10 像素)，这是为什么？我该如何解决这个问题？ Jsfiddle 中的 HTML/CSS (我认为无关紧要)。

JS:

 jQuery(document).ready(function($) {
        $("nav").on("click", "a", function(e) {
            e.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
        });
    });

Answer 1

实际上，这非常简单，您没有考虑nav的高度。因此内容位于页面顶部，而不是导航下方。您需要从计算中减去它，例如:

$('html,body').animate({scrollTop:$(this.hash).offset().top - $('nav').outerHeight()}, 500);

jsFiddle:http://jsfiddle.net/huJ95/2/