Javascript 将href添加到网站的div/部分

Javascript 将href添加到网站的div/部分,javascript,jquery,html,jquery-ui,frontend,Javascript,Jquery,Html,Jquery Ui,Frontend,我不知道如何模仿这个() 网站的放松。我的意思是,当我点击网站导航选项卡时,我会滑到部分/div的适当部分。我认为它使用jqueryui()。我不确定从哪里开始,因为我刚刚开始学习jQuery和前端开发 我想开始吧,我会的 $(“#导航丸”).onclick(函数(){ //缓解方法? }) 您的jQuery中有语法错误 $(“#导航丸”)。在('click',function(){})上; 下面的代码使您在 jQuery代码: 它应该适合您的情况。对于这种效果,您可以使用动画 例如: $

我不知道如何模仿这个() 网站的放松。我的意思是,当我点击网站导航选项卡时,我会滑到
部分/div
的适当部分。我认为它使用jqueryui()。我不确定从哪里开始,因为我刚刚开始学习jQuery和前端开发

我想开始吧,我会的

$(“#导航丸”).onclick(函数(){
//缓解方法?
})

您的jQuery中有语法错误

$(“#导航丸”)。在('click',function(){})上;
下面的代码使您在

  • jQuery代码:

它应该适合您的情况。

对于这种效果,您可以使用动画

例如:

$(“#导航丸”)。单击(函数(){
$('html,body').stop().animate({
scrollTop:$(“#容器”).offset().top
},1500年,“easeInOutExpo”);
});

或者您可以使用ScrollTo插件()

如果您是jQuery新手,您可能希望从更简单的东西开始。例如,提供的代码无效;它应该是('click',function(){})。然后进入动画功能,然后解决类似的问题。这个问题对你来说太宽泛了。@MikeMcCaughan非常感谢你的提示!您正在寻找的可能是jQuery scrollTo插件。缓和只是动画效果。我认为,在尝试复制整个网站之前,首先熟悉基本的jQuery是有益的。这是一个很好的开始:现在我可以很好地移动到屏幕部分,但我没有动画功能。我在我的网站上添加了jQueryUI CDN,但其他自定义的放松方法不起作用。只有你提供给我的秋千=/
$("#nav-pill").on('click', function() {
    var mode="easeInOutCirc"; // or select the mode from jQuery easings
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000, mode);
});