开发者社区> 技术mix呢> 正文

jQuery 顶部导航尾随滚动,固定浮动在顶部

简介:
+关注继续查看

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.   
  33. <script src="jquery.headshrinker.js"></script>   
  34. <script>  
  35. jQuery(document).ready(function () {  
  36.     jQuery('header').headshrinker({ fontSize: "17px", mobileMenu: true });  
  37. });  
  38. </script>  

 


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







本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/5103554.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jquery品优购电梯导航4-74
jquery品优购电梯导航4-74
50 0
jquery品优购电梯导航修复小bug并加上类名-73
jquery品优购电梯导航修复小bug并加上类名-73
41 0
jquery品优购电梯导航2-72
jquery品优购电梯导航2-72
69 0
jquery-品优购电梯导航-71
jquery-品优购电梯导航-71
46 0
JQuery 页面如何快速滚动到顶部?
JQuery 页面如何快速滚动到顶部?
70 0
jquery点击回到页面顶部方法
1.代码实例 05-jQuery- 回到顶部案例 .bk-top-box { position: fixed; bottom: 40px; right: 10px; ...
988 0
+关注
技术mix呢
文章
问答
视频
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载