固定顶部菜单导航栏,让页面下划始终显示菜单栏

哥特复兴
哥特复兴 这家伙很懒,还没有设置简介

13 人点赞了该文章 · 6415 浏览

以官方默认模板为例: 打开common.css,搜索{{{ .aw-top-menu-wrap }}}把里面的{{{ position:relative; }}}改为{{{ position:fixed; }}} 还没完,这样会导致菜单栏在屏幕的最上方会挡住下面的一些内容,所以你在.aw-top-menu-wrap下面再加一行css: {{{ .aw-container-wrap {padding-top: 80px;} }}} 要在手机端有同样效果,记得在common.cc里响应式下面的iphone和ipad横竖屏里的css部分也加上 {{{ .aw-container-wrap {padding-top: 80px;} }}} --END--

发布于 2014-05-14 13:30

免责声明:

本文由 哥特复兴 原创发布于 WeCenter ,著作权归作者所有。

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

_叶
2015-02-24 15:01
去掉 margin-top: 15px;
笑春风
2015-06-13 11:33
谢谢,有帮助。
_叶
2015-02-24 15:01
margin-top: 15px; 去掉
笑春风
2015-06-30 10:35
顶部不紧贴,怎么回事?
夜航
2015-12-21 22:28
好像收藏不了啊
仓鼠叔
2014-05-14 13:35
我还没有测试这些修改,不知道支持响应式吗?
哥特复兴
2014-05-14 13:37
不影响原来的响应式
仓鼠叔
2014-05-14 13:51
thank you ;)
rohow
2014-05-14 16:15
这个不错啊,估计很多人需要
babudou233
2014-05-14 22:24
不错啊,这就试试哦