javascript - 将 href 缓和到网站的 div/部分

Question

我不知道如何模仿这个( http://ironsummitmedia.github.io/startbootstrap-agency/ )网站的缓和。我所说的缓动是指当我单击网站导航选项卡时，我会滑动到 section/div 的适当部分。我认为它使用 jQuery UI 缓动 ( http://api.jqueryui.com/easings/ )。我不知道从哪里开始，因为我刚刚开始学习 jQuery 和前端开发。

我认为要开始，我会这样做

$("#nav-pill").onclick(function() {
    // easing methods?
})

Answer 1

您的 jQuery 中有语法错误

$("#nav-pill").on('click', function() { });

下面的代码可以让你实现平滑滚动的效果

• jQuery代码:

$("#nav-pill").on('click', function() {
    var mode="easeInOutCirc"; // or select the mode from jQuery easings
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000, mode);
});

它应该适合您的情况。