問題タブ [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.

0 投票する
1 に答える
1078 参照

c# - DoubleAnimation が機能しないのはなぜですか?

アプリ用のカスタム ハンバーガー メニューを作成しようとしています。レイアウトをすべてセットアップしましたが、何らかの理由でDoubleAnimation期待どおりに動作しません。Windows 10 で Cortana のハンバーガー メニューに似たものを実現しようとしています。コードでStoryboardandを作成DoubleAnimationしています (アニメーションが XAML で作成されていても、同じ問題が発生します)。ここに私が持っているものがあります:

これは の署名ですAnimate():

が実際に実行されているDebug.WriteLine()かどうかを確認するために少し使用しました。StoryboardmenuPanel幅はまったく変わりません。私は他のいくつかのプロジェクトで同様のアプローチを使用しましたが、そこではうまく機能します。

編集:もう少し詳細を追加すると思いました。
私のアプリは Windows 10 をターゲットにしており、s とsmenuPanelを使用しない場合は自由に幅を変更できます。StoryboardDoubleAnimation

0 投票する
2 に答える
4472 参照

jquery - 不透明度0の要素をクリックできないようにする方法

私はこのような同様の質問がここに存在することを知っています:

Opacity:0 (非表示) の CSS3 要素がマウス イベントに応答する

しかし、この質問は違います。

ここに記載されているように、jQuery、CSS を使用してモバイル デバイス用のハンバーガー ナビゲーション メニューを実装しようとしています: Demo

これはほとんど機能しますが、落とし穴があります。top:0;left:0上記のデモでは、設定によって上部 ( )に固定されたナビゲーション div が非表示になっていますopacity:0。上記のデモではこれは完全に機能しますが、実装すると、非表示の div がクリックに応答し、ページから移動します。

上記のデモでこれがどのように無効になっているのか理解できません (css / js ファイルを再確認しましたが、手がかりはありません)。他にアイデアはありますか?SharePointでこれを試しているので、フィドルを実際に立てることはできません。フィドルでは機能します。使用している場合でもクリックイベントを無効にした方法を理解して、opacity:0複製できるようにする必要があります。ありがとう。

0 投票する
1 に答える
125 参照

center - 中央ではなく下部フッターに配置されたハンバーガー メニュー

ここに取り組んでいるプロジェクトがあります (www.theivyproject.com/designlab001)。フッター用のハンバーガー メニューがあります。メニューが表示されると、ハンバーガーは中央に配置されず、左に配置されます。これを中心にするにはどうすればよいですか?

0 投票する
2 に答える
2532 参照

windows-10 - タイトルバーのUWPメニューボタンアイコン画像を変更する(簡単な方法)

UWP アプリのタイトル バーにハンバーガー メニュー ボタンが必要です。

タイトルバーに「戻る」ボタンを表示する方法と、クリックされたイベントを処理する方法は既に知っています。タイトル バーの色などをカスタマイズする方法のサンプルを見たことがあります。また、コントロールを配置する方法のサンプルもいくつか見ましたが、どれも複雑すぎます。

0 投票する
1 に答える
73 参照

html - バーガー メニューが正しく中央に配置されていません

純粋な CSS でハンバーガー メニューを作成しましたが、問題は、何らかの理由で中央ではなく左側に配置されていることです。理由がよくわかりません。

マークアップ:

CSS:

デモ: http://jsfiddle.net/jLhnr12p/1/ .

これを適切に中央に配置するための助けをいただければ幸いです!

0 投票する
2 に答える
414 参照

ios - iOS-Slide-Menu のさまざまな ViewController

aryaxt/iOS-Slide-Menuを使用しています。私の問題は、表示されているView Controllerに応じて、異なる左メニューを表示する必要があることです。これは AppDelegate の私のコードです:

特別な ViewController で左側のメニューを変更しようとすると、左側のメニューに黒い画面が表示されます。

私は多くのことを試しましたが、何もうまくいきませんでした。ありがとう!

0 投票する
0 に答える
759 参照

javascript - モバイルでナビ/ハンバーガー メニューが開かない

HTML を実行しているレスポンシブ サイト/アプリを持っています。Phonegap をプッシュしようとしています。ここからナビゲーションメニューを含めました。ナビゲーション メニューはブラウザーから正常に動作しますが、モバイル デバイス (Windows モバイル 8.1 を実行する Nokia 920 と Android の Samsung Galaxy S6) では動作しません。

電話でメニューが機能しない理由を教えてくれる人はいますか?

これは、今日まで試したことのないフィドルのサンプルです。うまくいくことを願っています。

JIC の HTML は次のとおりです。

Javascript

そして、CSS

前もって感謝します。

0 投票する
5 に答える
27902 参照

android - ナビゲーション ドロワーのハンバーガー アイコンの変更

のハンバーガー メニュー アイコンを変更しようとしていますNavigationViewが、変更できません。

これが私がこれまでに試したことです

ナビ ドロワーのセットアップが行われるベース アクティビティがあります。ここに関連するコードがあります

しかし、それは私にとってはうまくいかないようです。私も電話setDrawerIndicatorEnabled(false)をかけてみsetHomeAsUpIndicator(R.drawable.ic_share_48pt_2x)ましSupportActionBarたが、それもうまくいきません。