Jquery平滑滚动在第一次加载时跳转,带有固定侧杆

时间:2012-06-13 03:43:04

标签: jquery user-interface scroll scrollto

现在,我只是使用css-tricks滚动到jquery代码,但我遇到了一个非常奇怪的问题。

首次打开网站并单击侧栏上的固定链接时,scrollto将在平滑滚动期间跳转。如果您单击相同的侧边栏导航链接两次,页面将滚动到启动跳过的页面部分。

然而,这是奇怪的地方。如果您单击页面左上角我站点的徽标并尝试单击侧栏链接,则链接完全没有问题。

我根本不熟悉Jquery。我只是认为这是一个很好的简单方法来为我的页面上的信息设置动画。

以下是运行问题的网站:

hivizdesign.com

请记住:首次加载页面时,scrollto功能会跳过,但点击徽标scrollto后效果会很好。

由于

1 个答案:

答案 0 :(得分:1)

尝试更改此行:

$(scrollElem).animate({scrollTop: targetOffset}, 1000, function() {
  location.hash = target;
});

要:

 $(scrollElem).animate({scrollTop: targetOffset}, 1000, function() {     
    if(history.pushState) {
        history.pushState(null, null, target);
    }
    else {
        location.hash = target;
    }
});