javascript - アンカーへのjQueryスムーズスクロール

Question

アンカーへのスクロールをスムーズにするために、さまざまなコードを試しました。機能するものが見つかりません。縦、横、斜めにスクロールできる必要があります。私が他の人に見つけたもう 1 つの問題は、それらが複数のターゲットで動作しないように見えることです。スクリプトを編集しなくても、ページ上の任意のアンカーにスクロールできるようにしたいと考えています。

フィドル

これはこれに最も近いコードです。動作させることはできません:

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 では動作しますが、自分のページに配置すると動作しません。

これが重複していないのはなぜですか？ これは、単一の要素を対象としない多方向スクリプトです。ページ上のすべてのリンクに適用されます。