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

当我这样做时，我倾向于使用锚点中的href，所以我从链接中获取哈希值而不是target = this.hash;。

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

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

jQuery scrollTo插件无效

1 个答案: