jQuery控制导航点击跳转效果实现
导航菜单的点击跳转，用 jQuery 来做还挺顺手的，是加上一点动效，页面体验一下子就上来了。这个资源就是专门搞了三种跳转特效，你可以看到滚动的时候菜单吸顶、跟随或者静态切换，效果都还蛮不错。
jQuery那块用得不复杂，核心就是用$('.nav-item')这样的选择器，加上.on('click', fn)绑定事件。再配合jquery.easing.min.js，动画的缓动效果立马高级不少。比如滚动时不是硬生生地一下滑过去，而是带个小曲线，有点“弹性”，看着更顺眼。
页面部分有三个示例：index.html、index2.html 和 index3.html。布局和效果略有差别，你可以挑一个最贴合自己项目的版本。菜单结构其实都不复杂，HTML 上几段id锚点就搞定。
样式方面也得蛮整洁，CSS文件里不仅定义了基本样式，还加了响应状态下的一些变化，比如滚动后菜单颜色变淡、字体变小等，细节挺讲究的。你要是想改风格，直接改 CSS 就行，结构不复杂。
，适合刚入门想练手的，也适合老鸟快速搭建页面交互。尤其是要搞单页应用或者着陆页，拿来就能用。如果你还没用过jQuery做滚动跳转，这套资源值得你试试。
文件大小：13.06KB
评论区