配合bootstrap写出的。下面是干货： ul 的每个li的每个a中的href指向锚点目标，比如说<li class="active"><a href="#index">Home</a></li>。 下面给出我发现好的源代码：
$('#navbar-menu ul li a[href^="#"]').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop: $(this.hash).offset().top}, 400);
});翻译一下：点击的时候，首先阻止了默认行为，然后让html,和body滚动动画，滚动到离顶部的距离为目标的offset().top的距离，在4毫秒内完成。hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分），所以this.hash是指当前的地址的#部分。关于this表示的对象，以后会总结。
ps:$('body').scrollspy({ target: '#menu-nav' })这个bootstrap的scrollspy插件，自动监察目标滚动，从而改变相应的active，挺好的。
相关推荐：
以上就是js锚点滚动实例分享的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
129
收藏
