jQuery平滑滚动到任何锚点[重复]

Question

我尝试了许多不同的代码来平滑滚动到锚点。我找不到一个有效的。它需要能够垂直、水平和对角滚动。我发现其他人的另一个问题是他们似乎无法处理多个目标。我希望它能够滚动到页面上的任何锚点，而无需编辑脚本。

Fiddle

这是最匹配的代码，我无法让它工作：

var $root = $('html, body');
$('a').click(function () {

    $root.animate({

        scrollLeft: $($.attr(this, 'href')).offset().left,
        scrollTop: $($.attr(this, 'href')).offset().top

    }, 500);

    return false;
});

它在 JSFiddle 中有效，但是当我将它放在我的页面上时它不起作用。

为什么这不是重复的？ 这是一个不针对单个元素的多向脚本。它适用于页面上的所有链接。

Answer 1

我无法让你的 jsfiddle 工作，看看这是否有效：

$(function(){
    $('a').on({
      click:function (e) {
        e.preventDefault();
        var root = $("html, body");
        var target = $(this).attr("href");
        root.animate({  
            scrollLeft: $(target).offset().left,
            scrollTop: $(target).offset().top
        }, 500);
      }
    });
)};