jQuery 顶部导航跟随滚动，固定浮动在顶部

jQuery 顶部导航跟随滚动，固定浮动在顶部

演示

XML/HTML Code

1. <section>
2. <article class="left">
3. <p>
4. </p>
5. <ul>
6. <li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容</a></li>
7. <li><a href="http://freejs.net/article_jquerywenzi_148.html" title="jquery 弹出层 弹窗">jquery 弹出层 弹窗</a></li>
8. <li><a href="http://freejs.net/article_jquerywenzi_147.html" title="php文件管理，可以点击按照时间，大小，名称排序">php文件管理，可以点击按照时间，大小，名称排序</a></li>
9. <li><a href="http://freejs.net/article_daohangcaidan_146.html" title="jQuery 二级菜单，一次显示一个小类 鼠标点击显示小类">jQuery 二级菜单，一次显示一个小类 鼠标点击...</a></li>
10. <li><a href="http://freejs.net/article_jquerywenzi_145.html" title="jQuery 滑动改变价格">jQuery 滑动改变价格</a></li>
11. <li><a href="http://freejs.net/article_jquerywenzi_144.html" title="jQuery 垂直滑动新闻展示">jQuery 垂直滑动新闻展示</a></li>
12. <li><a href="http://freejs.net/article_jquerywenzi_143.html" title="投票喜欢/不喜欢 ajax无刷新">投票喜欢/不喜欢 ajax无刷新</a></li>
13. <li><a href="http://freejs.net/article_biaodan_142.html" title="login and signup 注册和登录tab页面">login and signup 注册和登录tab...</a></li>
14. <li><a href="http://freejs.net/article_jquerywenzi_141.html" title="tooltip插件">tooltip插件</a></li>
15. <li><a href="http://freejs.net/article_biaodan_140.html" title="Jquery 验证注册">Jquery 验证注册</a></li>
16. </ul>
17. <ul>
18. <li><a href="http://freejs.net/article_fenye_19.html" title="jquery 无刷新翻页">jquery 无刷新翻页</a></li>
19. <li><a href="http://freejs.net/article_biaodan_34.html" title="jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格">jquery表格可编辑修改表格里面的值,点击td变...</a></li>
20. <li><a href="http://freejs.net/article_tabbiaoqian_29.html" title="jquery实现简单的Tab切换菜单">jquery实现简单的Tab切换菜单</a></li>
21. <li><a href="http://freejs.net/article_fenye_26.html" title="jQuery+Ajax+PHP+Mysql实现分页显示数据">jQuery+Ajax+PHP+Mysql实现分页...</a></li>
22. <li><a href="http://freejs.net/article_daohangcaidan_67.html" title="类似京东和易迅的菜单-可以折叠隐藏的导航菜单">类似京东和易迅的菜单-可以折叠隐藏的导航菜单</a></li>
23. <li><a href="http://freejs.net/article_fenye_11.html" title="jquery 翻页分页">jquery 翻页分页</a></li>
24. <li><a href="http://freejs.net/article_biaodan_76.html" title="Jquery 漂亮的select效果">Jquery 漂亮的select效果</a></li>
25. <li><a href="http://freejs.net/article_daohangcaidan_13.html" title="jquery css多级下拉菜单">jquery css多级下拉菜单</a></li>
26. <li><a href="http://freejs.net/article_jquerytupiantexiao_1.html" title="highslide使用实例,点击图片放大效果，再次点击缩小">highslide使用实例,点击图片放大效果，再次...</a></li>
27. <li><a href="http://freejs.net/article_jquerywenzi_52.html" title="无刷新动态加载数据，滚动条加载">无刷新动态加载数据，滚动条加载</a></li>
28. </ul>
29. <p><Br><Br></p>
30. </article>
31. </section>
32. <script src="jquery.headshrinker.js"></script>
33. <script>
34. jQuery(document).ready(function () {
35. jQuery(‘header‘).headshrinker({ fontSize: "17px", mobileMenu: true });
36. });
37. </script>

原文地址:http://www.freejs.net/article_jquerywenzi_152.html

jQuery 顶部导航跟随滚动，固定浮动在顶部