【发布时间】：2014-02-20 01:35:02
【问题描述】：
我正在尝试仅使用 CSS 设置画布外导航。基本上我希望导航的宽度为 20% 并将其放在主要内容的后面，然后当您单击菜单图标时，标题和正文内容将从屏幕右侧滑出 20%，并且导航将显示出来。
基于类似的实现，我几乎已经让它工作了（尽管他们是用宽度而不是定位来做的），但我在最后一个小部分上苦苦挣扎。
有什么想法吗？
谢谢！
【问题讨论】：
-
真正的问题是什么？
-
问题是即使单击“关闭”按钮并且正文内容不可滚动（我猜是因为固定定位），导航仍然可见。谢谢！
-
您只需在
.content、height:100%和.page-wrapper和left:0中添加背景，即可顺利过渡。 -
感谢 xpy，为内容添加背景颜色修复了导航显示在内容后面的问题，现在唯一的问题是动画似乎不同步（标题栏似乎动画比内容更慢更流畅）。再次感谢您的帮助！
-
没关系，我认为这是因为转换被应用到标题两次，因为标题在页面包装器中，它也有一个转换。我从标题中取出了过渡，现在它似乎工作得很好。再次感谢您的帮助！
标签： html css navigation