移动菜单叠加

时间:2014-05-06 10:01:03

标签: css menu responsive-design snapjs

我正在创建一个Wordpress入门主题,该主题使用SnapJS提供开箱即用的移动菜单解决方案。

我已经很好地工作了但是我遇到了一个我无法解决的小问题。

主题可在以下网址找到:http://sandbox.benpalmer.me/flow/ok-i-lied-heres-another-test/

如果您将浏览器的高度缩小到405像素或更低,您将看到我的问题。菜单目前位于网站包装器下面的绝对定位的div中。包装器也是绝对定位的,并向右移动以显示菜单。

问题在于包装器绝对位于浏览器的顶部和底部(如果内容运行那么长,它将更高)。当移动菜单比内容和浏览器窗口更高时,它会显示在包装器下面,因为当然,包装器不再高到足以覆盖它。

我确信我有一个相当简单的解决方案,但是我无法理解它。

我已经尝试将菜单的高度应用到有效的包装器,但实际上我正在寻找CSS解决方案。

任何帮助都会很棒!谢谢!

1 个答案:

答案 0 :(得分:0)

通过在移动菜单上设置100%的高度,然后在打开菜单时将其更改为自动,即可找到这个简单的解决方案。