使用id平滑滚动外部链接

时间:2013-04-19 11:33:49

标签: jquery smooth-scrolling external-links

我发现这个小提琴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,但答案对我不起作用。

1 个答案:

答案 0 :(得分:0)

试试这个:

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