菜单置顶是web页面中常见的功能，很多新手可能并不清楚这种功能是如何实现的。下面小编就给大家分享一下如何运用Jquery实现菜单置顶的效果。
工具/原料
Sublime Text
方法/步骤
1
首先在HTML页面中插入要用到的jquery脚本插件，如下图所示
2
然后在body区域制作内容部分，如下图所示，这里只是简单的用div块来代表各部分的内容
3
下面为内容区域的各个部分绘制样式，如下图所示，主要的就是定义div的宽高以及颜色样式
4
接下来就需要实现滚动函数了，如下图所示，通过scroll即可插入滚动函数
5
然后我们来实现以下滚动函数中的逻辑，如下图所示，主要是对要置顶的菜单进行定位，这里一定注意position的应用
6
运行页面以后，我们会在浏览器中看到如下图所示的界面，我们滚动以后，发现置顶菜单的区域一直固定在顶部
7
综上所述，运用Jquery实现置顶菜单，主要就是运用了CSS的position定位，只要定位成fixed即可实现目标
下一篇：Win7便签如何置顶？