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);
});

它适用于您的情况。

Answer 2

对于此效果，您可以使用动画

示例：

    $("#nav-pill").click(function(){
        $('html, body').stop().animate({
           scrollTop: $("#container").offset().top
        }, 1500,'easeInOutExpo'); 
     });

或者您可以使用ScrollTo插件（http://demos.flesler.com/jquery/scrollTo/）

缓解href到网站的div /部分

2 个答案: