分享：让导航一直悬浮在顶部。

该问题已被锁定！

13: 关注

12141: 浏览

网站的最上面的导航一直浮动在上面。用了stickUp插件。

这是一个简单的jQuery插件，它能让页面目标元素 “固定” [quote] 在浏览器窗口的顶部，即便页面在滚动，目标元素仍然能出现在设定的位置。此插件可以在多页面的网站上工作，也能在单页面上面实现导航功能。

[/quote] 下载完JS插件，然后在页中面插入下面两行代码。

<script src="js/stickUp.min.js"></script>

将下面的.aw-top-menu-wrap替换成自己的类就行了。就是class类。这是是直接已经替换了。

<script type="text/javascript">
          //initiating jQuery
          jQuery(function($) {
            $(document).ready( function() {
              //enabling stickUp on the '.navbar-wrapper' class
              $('.aw-top-menu-wrap').stickUp();
            });
          });
        </script>

在全局footer.html中加入上面两个代码就行了。这样所有页面都会是菜单浮动。建议官方直接用下这个吧。这样升级也不用担心会覆盖了。演示：http://www.zxnb.com https://github.com/LiranCohen/stickUp/archive/master.zip

好问题 3 评论收藏举报

AI智能回复搜索中，请稍后...

4 回答

柳城初级会员用户来自于: 广东省深圳市
2014-10-08 09:58

不错。支持。

赞同 0 0评论

zxqjhc 初级会员用户来自于: 广东省深圳市
2014-10-08 09:58

好东西，谢谢分享，wecenter越办越好

赞同 0 0评论

kk 超级管理员用户来自于: 广东省深圳市
2014-10-07 21:10

其实css也能做到没必要用到js, css给顶部导航栏

position:fixed;
top:0;

赞同 2 2评论

lidanghong 初级会员用户来自于: 陕西省西安市
2014-10-07 11:12

非常感谢，欢迎此类技术文章。

赞同 1 0评论

关于作者

: 大圣SoLo 初级会员
这家伙很懒，还没有设置简介

127: 回答

1: 文章

128: 问题

问题动态

发布时间: 2014-10-06 22:45

更新时间: 2014-10-08 09:58

关注人数: 13 人关注