モバイルCSSのスクロール可能なメニュー

Question

モバイルでは、私のワードプレスのブログはメニューを3行で表示しています。それをクリックすると、すべてのメニュー項目が表示されますが、タッチスクリーンではスクロールできません。

スクロールですべてのメニューを表示できるように、このメニューにどのCSSプロパティを設定する必要がありますか？

Answer 1

メニュー項目コンテナにオーバーフローCSSプロパティを使用します。たとえば
：あなたはこのようなメニュー項目がある場合 は：

ul.menu-items-container { 
    list-style:none; 
} 

ul.menu-items-container > li { 
    /*CSS for individual menu items*/ 
} 

を、このようoverflow: autoまたはoverflow: scrollを追加します。

ul.menu-items-container { 
    list-style:none; 
    overflow: auto; /*or overflow: scroll*/ 
} 

ます。また、このような特定の軸にオーバーフローをターゲットにすることができます

ul.menu-items-container { 
    list-style:none; 
    overflow-y: auto; /*or overflow-y: scroll*/ 
} 

Answer 2

Overflow CSSプロパティが必要です。