使用id平滑滚动外部链接

Question

我发现这个小提琴http://jsfiddle.net/tovic/kw7LD/显示了如何使用类将平滑滚动应用于外部链接。我想知道是否可以使用 id 代替类来应用相同的效果。

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

}）;

P.S。我也发现了这个问题Smooth scrolling when clicking an anchor link，但答案对我不起作用。

Answer 1

试试这个：

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