Question

对于大学项目我正在尝试将移动菜单实施到响应式网站。为此，我使用了jQuery插件mmenu。

除了一件事，一切似乎都很好：每当我打开菜单时，它都会滚动到页面顶部而不是停留在原来的位置。我也意识到在菜单打开时我无法滚动页面（与此处的示例相反：http://mmenu.frebsite.nl/mmenu/demo/onepage.html）

我的代码结构如下：

<body>
    <!-- Mobile Navigation -->
    <nav id="mobilenav">
        <div>
            <ul>
                ... 
            </ul>
        </div>
    </nav>
    <div id="wrapper">
        <header class="mm-fixed-top hidden-desktop">
            ...
            <a href="#mobilenav" class="pull-left"><i class="fa fa-bars"></i></a>
            ...
        </header>
        <div id="topbar">
            ...
        </div>
        <div id="content">
            ...
        </div>
    </div>
    <div id="tothetop" class="hidden-desktop">
        ...
    </div>
    <div id="bottom" class="visible-desktop">
        ...
    </div>
    <!-- Scripts -->
        ...
</body>

您可以在http://www.mikehudson.de/BA/处看到问题。

提前感谢您的回答。

- 迈克

Answer 1

您是否正在使用此插件以及Foundation 5.如果是，那么您可以在global.scss文件中将html，body height从100％更改为auto。

...例如

FROM：

// Must be 100% for off canvas to work


    html, body { height: 100%; }

TO：

// Must be 100% for off canvas to work


     html, body { height: auto; }

Answer 2

如果您确实将100％应用于body / html，请确保在触发器碰巧在href中有“＃”时对click事件执行preventDefault（）。这使我绊倒了。

jQuery mmenu使页面自动跳转到顶部

2 个答案: