javascript - jQueryscrollTo 插件不工作

Question

我使用的是1.4.13版本的插件，我还确保页面已成功加载插件。

它曾经在我的网站上运行良好，但现在似乎什么也没做。我使用以下代码来运行它:

HTML:

<span class="button-project-info">
    <a class="button button-04" href="#project-info">Project Info</a>
</span>

CSS:

$('.button-project-info a').bind('click', function(e) {
    try {
        e.preventDefault();
        target = this.hash;
        $('html, body').scrollTo(target, 150);
    } catch (error) {
        alert('error - ' + error);
    }
});

我还尝试了以下操作，并且单击链接时 alert 语句运行良好:

$('.button-project-info a').bind('click', function(e) {
    alert('0000');
});

Answer 1

如果你想滚动整个页面，请使用:

    target = this.hash;
    $(window).scrollTo(target, 150);

执行此操作时，我倾向于使用 anchor 中的​​ href，因此我从链接中获取哈希值，而不是 target = this.hash;。

这是我的首选实现，它基本上捕获所有哈希 URL 和滚动...

$('.button-project-info a').click(function () {
  var hash = '#' + this.href.split('#')[1];
  $(window).scrollTo(hash, 1000);
  return false;
});