問題タブ [hamburger-menu]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
famo.us - モバイルデザインのハンバーガーサイドメニューを有名に実装するには?
これらのよく知られているモバイル アプリのデザイン パターンを実装するために、Famous を使用する最善の方法は何ですか?
!)この jasny の例のような「ハンバーガー」とサイド メニュー?
2 )Table-View、全画面表示の詳細ページに遷移、少し似ています: http://goratchet.com/examples/app-movies/
ありがとう！
responsive-design - レスポンシブ ハンバーガー メニューの複数のメニュー
ブートストラップを使用して drupal で Web サイトに取り組んでいます。デスクトップ バージョンには、トップ バー メニュー、メイン ナビゲーション、サブ ナビゲーションなど、さまざまなメニューがあります。それらは異なる場所にあります。
モバイルでは、折りたたみ可能なリンクを使用して、これらすべてのメニューを 1 つのハンバーガー メニューに表示したいと考えています。それを行う最良の方法は何ですか？
ページ上ですべてのメニューを 2 回作成し、ビューポートに応じてメニューを表示/非表示にすることができます ... または、より良い方法はありますか?
jquery - css : ハンバーガー メニューは個別にスクロールする必要があります
以下はプランカーのリンクです: http://plnkr.co/edit/peQEGK4mNiPBqlknrO6V?p=preview
ページが読み込まれるとハンバーガーメニューが閉じられ、アイコンをクリックすると開いて個別にスクロールする必要があります。
hamburger.js を使用したくありません。それがなければ、この機能を実現する方法。
コード:
cssで何が間違っていますか。
android - ハンバーガーメニューのないAndroidアプリは存在しますか?
アプリのメイン ナビゲーション構造を決定しようとしています。ハンバーガーメニュー（別名サイドメニュー、ドロワー）の欠点についてはすべて読みました。
(ハンバーガー メニューの代わりに) 目に見えるナビゲーション バーを使用することは理にかなっており、ナビゲートする画面が多くないため、デザインの足しにすることができます。
iOS ユーザー向けに、Whatsapp の次のようなナビゲーション バーの例をいくつか見つけました。
これは iOS では非常に一般的なパターンであり、iOS ユーザーにはなじみがあるようです。
しかし、アンドロイドについては同じことが言えません。この種のメイン アイコン ナビゲーション バーを使用するアプリは 1 つも見つかりませんでした。
誰かがそれを使用する「トップ」アプリの例を提供できますか?
そのようにビルドするのは間違っていますか? Android 向けに開発する場合、非推奨のパターンではありませんか?
css - CSS ハンバーガー メニュー アイコンが ie9 で正しく表示されない
codrops Web サイトから取得した CSS3 コードのみを使用して、Web サイトのヘッダーに「ハンバーガー」メニュー アイコンを挿入しました。アイコンは疑似クラス :before と :after を使用し、Chrome の最新バージョンと IE11 で完全に動作します。ただし、IE9 (私たちの組織が職場で使用している) を使用すると、最初のトリガー アイコンが正しく表示されず、ページの読み込み時に 3 行のうちの 1 行 (中央の行だと思います) のみが表示されます。これらの疑似クラスを使用する IE9 で以前に問題が発生したことはありません。HTML に IE9 を quirks モードに戻すものが何もないことを確認しました。この問題が IE9 標準モードで発生していることを確認できます。Codrops Web サイトhttp://tympanus.net/Tutorials/AnimatedBorderMenus/index2.htmlで元のデモも確認しました。そして同じ問題が発生します。職場の外でもIE9を使用しましたが、同じことが起こり、「ハンバーガー」の1行しか表示されません。
アイコンに使用される CSS は次のとおりです (CSS3 アニメーションはどれも IE9 で機能しないことは承知していますが、これによって最初のトリガー アイコンが適切に表示されなくなることはありません)。
Web ページで使用される HTML マークアップは次のとおりです。
IE9 でハンバーガーを適切に表示する方法を教えていただければ幸いです。
html - クリックしたときにイオンサイドメニューが閉じないようにする
メインビューがマップであるアプリをIonic Frameworkで開発しています(Leafletで作業しています)。また、サイド メニューには、マップ上で異なる検索を可能にするためのフォームがいくつかあります (2 地点間の最短経路...)。
問題は、フォームの入力 (テキスト、チェックボックスなど) の 1 つをクリックするたびに、サイド メニューが閉じてしまうことです。
それを回避する方法はありますか？「ハンバーガー」ボタンをタップしたときにのみサイドメニューが閉じて表示される可能性はありますか?