jQuery scrollTo 插件不工作

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);
    }
});

我还尝试了以下方法，当单击 link 时，alert 语句运行没问题：

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

Answer 1

如果要滚动整个页面，请使用：

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

当我这样做时，我倾向于使用来自锚点的 href，所以我从 link.

获取哈希而不是 target = this.hash;

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

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

jQuery scrollTo 插件不工作

jQuery scrollTo plugin not working

html

javascript

jquery

scroll

scrollto