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

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

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

以官方默认模板为例: 打开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 ,著作权归作者所有。

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

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

rohow
2014-05-15 10:58
具体加在哪个地方呢,我是菜鸟!
哥特复兴
2014-05-15 10:34
同理把.aw-container-wrap {padding-top: 80px;}加在响应式的各个分辨率里
rohow
2014-05-14 22:40
此方法实现之后,导致手机访问电脑版,上半部分被遮住!
babudou233
2014-05-14 22:24
不错啊,这就试试哦
rohow
2014-05-14 16:15
这个不错啊,估计很多人需要
仓鼠叔
2014-05-14 13:51
thank you ;)
哥特复兴
2014-05-14 13:37
不影响原来的响应式
仓鼠叔
2014-05-14 13:35
我还没有测试这些修改,不知道支持响应式吗?