jquery - 使用 Jquery 平滑滚动标题导航链接

Question

我制作了一个基于引导的单页模板并添加了导航。我想添加平滑滚动并尝试了一些 tuts 和插件，但没有一个有用。我已经为各个链接添加了部分，感谢您的帮助。我的网址：http : //hrcvizag.com

Answer 1

尝试使用此代码：

$('#menu-main li a').click(function () {
    $('html,body').animate({
        scrollTop: $($(this).attr('href')).offset().top
    }, 'slow');
    return false;
});

这假定每个列表项的 HREF 将由“#”和该部分的 ID 组成。因此，例如，Services 的 HREF 值为 #services 等等。