响应菜单超出页面高度

Question

我有一个响应式菜单，它超出了页面高度，这意味着用户无法在短页(内容较少的页面)上看到较低的菜单项。

jsfiddle -http://jsfiddle.net/ashconnolly/QDznX/

我理解这是因为我的导航是绝对定位的，但是如果我将导航设置为相对位置，它会将页面内容向下推下去。

我如何更好地管理我的html + css来解决这个问题？

或

在javascript中，当身体高度小于菜单高度时，如何将身高设置为与菜单相同？

希望你能帮忙！

Answer 1

您可以通过CSS来实现这一点。

只需为溢出添加一对css属性并为nav.active添加高度

 nav.active {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
     height: 100%;
        overflow: auto;
    }

这是一个

小提琴

​