jQuery滚动，我的页面回到顶部

Question

当我们单击菜单上的一个圆圈时，我试图创建一个平滑的滚动页面滚动到相应的部分。但是当我们在一个圆圈上点击几次时，页面似乎从我的页面顶部返回，然后再进入右​​侧部分。为什么？

由于我的网页结构$（＆＃39; html，body＆＃39;）无效，我必须使用$（＆＃39;＃page＆＃39;）

要查看：在圈子2或3上点击几次：http://jsfiddle.net/Xroad/FtaL3/6/

$('.navbar a').click(function (e) {
    e.preventDefault();

    var target = this.hash,
        $target = $(target);

    $('#page').stop().animate({
        'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
});