jquery - 平滑滚动带有 id 的外部链接

Question

我发现了这个小提琴http://jsfiddle.net/tovic/kw7LD/，它展示了如何将平滑滚动应用于带有class的外部链接。我想知道是否可以使用id而不是classes应用相同的效果。

$(window).bind("load", function () {
var urlHash = window.location.href.split("#")[1];
$('html,body').animate({
    scrollTop: $('.' + urlHash).offset().top
}, 4000);

});

PS我也发现了这个问题单击锚链接时平滑滚动，但答案对我不起作用。

Answer 1

尝试这个：

$(document).on("ready", function () {
    var urlHash = window.location.href.split("#")[1];
    $('html,body').animate({
        scrollTop: $('.' + urlHash).offset().top
    }, 4000);
});