Question

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

但是当平均容器的位置设置为固定而不是相对时，它不可能在扩展时滚动菜单。

我使用以下标记：

/* 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

Answer 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;
}

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

使平均值位置固定

1 个答案: