3

大学のプロジェクトで、レスポンシブ Web サイトにモバイル メニューを実装しようとしています。これを行うには、jQuery プラグイン mmenu を使用しました。

1 つのことを除いて、すべて正常に動作しているようです。メニューを開くと、元の場所にとどまるのではなく、ページの一番上までスクロールします。また、メニューが開いている間はページをスクロールできないことにも気付きました (ここの例とは対照的に: 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/で確認できます。

事前にご回答いただきありがとうございます。

-- マイク

4

2 に答える 2

3

body/html に 100% を適用する場合、トリガーの href に「#」が含まれている場合は、クリック イベントで preventDefault() を必ず実行してください。これは私をつまずかせました。

于 2015-02-12T06:23:48.373 に答える