問題タブ [sliding]

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 投票する
2 に答える
1742 参照

jquery - JQueryでスライディングトグルサブメニューを作成しようとしています

JQueryトグルを使用してスライディングサブメニューを作成しようとしています。私は以下を試しましたが、役に立ちませんでした:

<script> $(".menu li a").click(function(){ var ul = $(this).children("ul"); if (ul.is(":none")) { ul.slideDown(); } else { ul.slideUp(); } }); </script>

そしてまた

<script> $("ul li.menu-item a").click(function() { $(this).children("ul").toggle(); }); </script>

適用されるHTMLコードは次のとおりです。

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

android - コンテンツをスライド ドロワーに動的に追加すると NullPointerException がスローされる

コード:

スライド ドロワーにコンテンツを動的に追加しようとしてきましたが、NullPointerException.

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

jquery - jQuery スライド コンテンツとナビゲーションのアクティブ状態

クリックしたリンクに基づいてコンテンツをスライドさせるこのjQueryコードがあり、リンクのホバー効果もあります。

そして、これがHTMLです

私の質問は、リンクをクリックしたときにリンクにアクティブな状態を追加し、もう一度クリックするとリンクが消える方法です。そして、別のリンクをクリックすると、アクティブ状態が切り替わりました。

また、パディングが 50px に下がらず、60px のままになるように、アクティブなリンクのアニメーションを防止する必要があります。

どんな助けでも大歓迎です!

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

css - スライド ドア ナビゲーション バーの CSS アクティブ

タブにカーソルを合わせると変更されてうまく機能するCSSスライドドアナビゲーションメニューを構築してきましたが、リンクがアクティブなときに変更したいのですが、アクティブなルールが機能しないようです私のCSS。誰かが解決策について何か提案があれば、私はそれを大いに感謝します!

これはCSSコードです:

0 投票する
4 に答える
5369 参照

jquery - HTML5/jQuery - 縦方向のページ スライド

上部にいくつかのリンクがある Web サイトを見たことがあります。最初のリンクの例をクリックすると、ページ上でクリックした ID (#) まで下にスクロールされます (jQuery のスクロール ダウン効果)。(リンク付きのメニューはあなたに従っています)。その後、別のリンクをクリックすると、ページのさらに下に移動します。

この手法の名前を見つけることができません。縦方向のページのスライドに関する検索では、期待したものは返されませんでした。

Tumblr.com にはこのようなものがありますが、私が探しているものとはまったく異なります。 http://www.w3.org/html/logoにもこのようなものがあります。ここで欠けているのは、ページがスクロールしているときに下に続くメニューだけです。

誰かがこれに光を当てるのを手伝ってくれますか? または、いくつかの例を教えてください。

前もって感謝します!

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

jquery - jQueryスライディングメニューでdivをクリック可能にする方法

jQueryで作成したスライド式のdivメニューがありますが、スライドさせるには、Div内のリンクをクリックする必要があります。div ITSELFをクリック可能にする方法を教えてもらえますか?

ここでメニューとコードを見ることができます:http://jsfiddle.net/WhfDc/

CSSを使用してアンカーがdiv全体をカバーするようにしようとしましたが、時々機能します。これが正しいかどうかについて何か考えはありますか?

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

jquery - JQuery スライド パネル - クリックしてもボタンが非表示にならず、ロード時にパネルが開く。

スライドパネルを適切に機能させる方法を理解しようとしています。パネルのスライド部分は問題なく動作していますが、私の問題は次のとおりです。

  • パネルはロード時に展開されます。
  • 閉じる/開くと想定されるボタン (2 つの異なるボタン) は、クリックされた後に自己非表示になりません。

したがって、基本的に私が達成しようとしているのは次のとおりです。

  1. ウェブページを開きます。
  2. 「開く」ボタンをクリック→「開く」ボタンが消える
  3. 「閉じる」ボタンが出現
  4. パネルが滑り落ちる。

私が持っているのは:

  1. Web ページを開く -> パネルは既に拡張されています。

  2. 「開く」ボタンをクリックします。

  3. 何も起こりません。

    閉じるボタンは表示されず、パネルはそのままです。これが私のコーディングです:

HTML コード:

JQuery:

あらゆる種類の助けをいただければ幸いです。ありがとうございました。

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

jquery - jqueryでページ遷移をスライドさせる

私は、いくつかのクライアントの作業を全画面スタイルのページで表示する単純なプロジェクトに取り組んでいます。リンクをクリックすると、プロジェクトが読み込まれ、幅と高さが 100% で表示されます。ページに前のプロジェクトと次のプロジェクトへのリンクがありますが、「次へ」ボタンをクリックするとコンテンツが左にスライドし、「前」ボタンをクリックすると右にスライドする必要があります。トランジションが機能し、正しい方向にアニメーション化されていますが、jquery ajax を介して新しいコンテンツ (次または前のプロジェクト) をロードする方法がわかりません。私の考えでは、画面の左右に「プレースホルダー」コンテナーを作成し、コンテンツをそれらにロードして、左右からスライドインすることでしたが、それは少し不格好に感じます。これを処理する方法について何か提案はありますか?

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

c# - WPF スライディング ウィンドウ

WPF の「スライディング ウィンドウ」の正しい定義を知っている人はいますか? 私が念頭に置いているのは、Visual Studio の「保留中の変更」または「コール スタック」ウィンドウのようなものです。クリックすると上にスライドし、マウスを離すと再び下にスライドします。

これを行う方法を調査するのに時間を費やして喜んでいますが、この機能が正確に何と呼ばれているのかわからないため、どこから始めればよいかわかりません.

コメントをお待ちしております。

ありがとう

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

xcode - Xcode のようなナビゲーション ペイン/ドロワー

XCode の GUI 自体にあるスライディング ドロワー メニューを開発するために、Apple が何を使用したのか疑問に思っていました。たとえば、デバッグ、ナビゲーション、およびユーティリティ領域を切り替えることができます。

たとえば.. https://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/Xcode4UserGuide/Introduction/Introduction.html

確かに、(高価な) 表示/非表示アニメーションを作成するために、コードでビューのサイズを簡単に変更および移動できました。ビューの 1 つの非表示機能を備えた iPad の SplitViewController のようなもの。私のターゲット アプリケーションは OS X 用です。

ソリューション付きの同様のトピックですが、同じ概念について話している かどうかはわかりません:メインのAndroidメニューのスライドメニューのように、xcode iphoneでスライドメニューを作成するにはどうすればよいですか?

PS フローティング/ドッキング可能なメニュー (フォトショップ、ビジュアル スタジオなど) も楽しみです。