响应式菜单超出页面高度

Question

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

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

据我所知，这是因为我的导航设备是绝对的，但如果我将导航设置为相对位置，则会将其下方的页面内容推下来。

我怎样才能更好地管理我的html + css以解决此问题？

OR

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

希望你能帮忙！

Answer 1

你可以通过CSS实现这个目标

为nav.active

添加几个用于溢出和高度的css属性

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

这是

fiddle