javascript - 滚动页面到 anchor

Question

我正在玩的网站上有一些 anchor ，我希望它们滚动到 anchor 而不是突然跳转到 anchor 。我已经在此处尝试了几个有关堆栈溢出的已发布解决方案，但无法使它们正常工作。我做错了什么吗？

我已经尝试过这段代码和一些类似的代码，但它们无法正常工作:

$('a').click(function(){
$('html, body').animate({
    scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});

可在此处找到该站点，目前仅锚定“关于我们”元素: http://jsfiddle.net/pnKu2/

Answer 1

首先不要选择所有 anchor ，您应该只选择您的导航 IE:

$('.menu-hover-underline').click(function(){
    return false;
});

接下来扩展此功能以包括滚动

$('.menu-hover-underline').click(function(){
    var divId = $(this).text().toLowerCase();
    $('html, body').animate({
        scrollTop: $("#"+divId).offset().top
    }, 500);
    return false;
});

参见 jsfiddle http://jsfiddle.net/pnKu2/2/

请注意我更新了您的 div ID，因为除 about div 之外的所有 div 都是 id="title"。