使meanmenu位置固定答案

【问题标题】：Make meanmenu position fixed使meanmenu位置固定
【发布时间】：2014-11-07 12:24:17
【问题描述】：

我将 meanmenu 插件用作移动设备的响应式菜单。我想固定菜单的位置，以便可以从页面底部访问。

但是，当 meancontainer 的位置设置为固定而不是相对时，它在展开时无法滚动通过菜单。

我正在使用以下标记：

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    width: 100%;
    height: 40px;
    position: relative;
    background: #fff;
    padding: 4px 0;
    border-bottom: 1px solid rgba(157, 157, 157, 0.2);
    z-index: 999999;
    top: 0;
}

 .mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: rgba(157,157,157,1);
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

插件来源：https://github.com/meanthemes/meanMenu 页面来源：https://premonk.com

【问题讨论】：

也包括您的 HTML，和/或在 JsFiddle 中，以便我们可以尝试解决方案。
是的，您可以创建一个 jsfiddle 以便我们找到修复程序吗？
无法真正让它与 JsFiddle 一起使用，但该站点已经在线。 www.premonk.com //你的浏览器尺寸必须低于 1080px 宽度。您可以尝试使用检查器工具进行检查：)

标签： jquery html css position fixed

【解决方案1】：

你可以做这样的事情：

    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: none repeat scroll 0% 0% #FFF;
        margin-top: 44px;

        position:fixed

    }

.meanclose{
        height: 2000px;
        overflow: scroll;
}

高度值您可以简单地将其更改为展开菜单的最大高度。

【讨论】：