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

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

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

以官方默认模板为例: 打开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-12-21 22:28
好像收藏不了啊
笑春风
2015-06-30 10:35
顶部不紧贴,怎么回事?
笑春风
2015-06-13 11:33
谢谢,有帮助。
_叶
2015-02-24 15:01
margin-top: 15px; 去掉
_叶
2015-02-24 15:01
去掉 margin-top: 15px;
rohow
2014-05-16 22:24
还发现一个问题,按照上面的方法更改之后,手机访问电脑版,发帖页面,还是被挡住!
哥特复兴
2014-05-15 17:04
只是提供一个方法,具体数字看自己喜好去改
rohow
2014-05-15 16:57
实际上,手机版上,根本不需要80px,只需要50px足够了!
rohow
2014-05-15 11:06
好的,谢谢
哥特复兴
2014-05-15 11:05
common.css里面的iphone横竖屏,ipad横竖屏这几个分辨率里面