0

モバイルデバイス向けの応答性を備えた単一のページを作成します。私はメニューに固定位置を使用しています。「タッチ」した後にサブを表示するメニューボタンがあります。これは完璧に機能します。しかし、メニュー項目を使用した後、メニューボタンをもう一度クリックする前に、最初にページをスクロールする必要があります。

何かアイデアはなぜですか？

これは、sub-menu-divを切り替えるためのものです。

<script>
          $('#navmobile').click(function(){
             $('.submenu').toggle();
          });

</script>

サブメニューの場合はこれ：

<ul id="navmobile">
                        <li><a href="">MENÜ</a></li>
                            <ul class="submenu">
                              <li class="current"><a href="#section-1">Einleitung</a></li>
                              <li><a href="#section-2">Menüpunkt1</a></li>
                              <li><a href="#section-3">Menüpunkt2</a></li>
                              <li><a href="#section-4">Menüpunkt3</a></li>
                              <li><a href="#section-5">Menüpunkt4</a></li>
                            </ul>
                    </ul>

およびcss：

#navmobile {display: block !important; z-index: 100000}
    #navmobile li {float: left; list-style: none; margin: 0 18px 0 0; font-size: 26px; text-transform: uppercase; font-weight: bold; -moz-margin-end: 26px}
    #navmobile li a {text-decoration: none;padding: 2px 4px;}
    #navmobile li.current a, li:hover a{color: #fff; background: #2b9ad0}
    #navmobile .submenu {display: none}
    #navmobile .submenu {width: 300px; position: absolute; left:-130px; top: 35px; background: #efefef; padding: 5px; border: 2px solid #ddd;border-radius: 1px}
    #navmobile .submenu li a{font-size: 30px; text-align: right; line-height: 60px}

そしてnavの周りのコンテナのcss：

    .navigation {width: 200px !important;height: 20px;position: fixed;top: 45px;left: 400px}
4

1 に答える 1

0

自分で手に入れました。の高さでした

  • メニュー
    • . 通常よりも大きな高さを定義する必要があります。

    于 2012-09-25T17:01:20.867 に答える