我不知道如何模仿这个( http://ironsummitmedia.github.io/startbootstrap-agency/ )
网站的缓和。我所说的缓动是指当我单击网站导航选项卡时,我会滑动到 section/div
的适当部分。我认为它使用 jQuery UI 缓动 ( http://api.jqueryui.com/easings/ )。我不知道从哪里开始,因为我刚刚开始学习 jQuery 和前端开发。
我认为要开始,我会这样做
$("#nav-pill").onclick(function() {
// easing methods?
})
最佳答案
您的 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);
});
它应该适合您的情况。
关于javascript - 将 href 缓和到网站的 div/部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26912607/