javascript - マウスダウンイベントに関する質問

助けてください。$.animate を使用して、ページ要素 mousdown に基づいたイベントを実装しました。実行後、問題が見つかりました。マウスを連続して複数回クリックすると、アニメーションが複数回繰り返し再生されます。希望する効果達成するには、クリックするたびに最初から開始します。アニメーションを再生すると、複数回クリックすると、次のような複数のマウスダウン イベントが生成されます。

世界只因有你 2017-05-19 10:14:34 0  1  411

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  441

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  325

html - jquery で setInterval を使用して歯車をループでスクロールさせる

現在作成しているアニメーションは、マウスがホバーしているときにスクロール イベントがトリガーされるもので、ページが読み込まれた後に歯車が展開され、一定期間後に再び元に戻るというものです。時間の。右スクロール、左スクロールどちらも実現できるのですが、jqueryで「一定時間経過後+ロールアウトしてロールバック…」の書き方が分かりません。

習慣沉默 2017-05-16 13:25:04 0  3  816

スクロール進行アニメーション

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。 https://todoist.com/これはウェブサイトへのリンクです。ウェブサイトのホームページの特定のセクションのスクリーンショットを添付しました。ページがスクロールされると、セクション内でスクロールが発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュー...

P粉821808309 2024-03-29 19:36:49 0  1  394

JavaScript - スクロール バーと clientHeight について

小さな妖精のスクロール バーが本当に煩わしいです。スクロール バーが占める場所については、次のようなブログを見つけました。実践した結果によると、次のことが当てはまります。スクロール バーはコンテンツの位置を占めていますが、表示されると、コンテンツの位置、エッジ表示。 （実際の効果では枠線の横に表示されます。枠線の上には…

天蓬老师 2017-05-19 10:47:31 0  1  665

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  890

タイトルは次のように書き換えられます: 下部ペースト機能のスクロール効果を実現するには?

ここで見ているものと同様の効果を達成しようとしていますが、各セクションのコンテンツもスクロール可能である必要があります。つまり、セクションの最後に到達した場合にのみ修正されます。たとえば、コンテンツが 200vh の場合、次のようになります。背景:rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  568

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  405

JavaScript - モバイル端末への影響は小さい

下にスクロールすると、背景画像が縮小します。 質問: このアニメーションをよりスムーズに作成するにはどうすればよいですか (モバイル版)?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  789

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1021

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  585

なぜStop()をanimateの前に置く必要があるのでしょうか?

こんにちは、先生。コースコードにそのようなコードがあります。 $('.block').stop().animate() のアニメーション効果。なぜ stop() を animate() の前に置く必要があるのですか

善為 2019-01-09 10:51:29 0  2  1095

Chrome ではスクロール機能に問題が発生することがあります

サイトでスクロールの問題が発生していますが、その理由がわかりません。 Chrome のみでスクロールが機能しないことがあります。作成したすべてのコードを無効にしてみましたが、問題は解決しません。 Safariではスクロールも問題なく動作します。 https://mirkomina.com/ 問題を引き起こす具体的なものはないようです。つまり、カーソルを離れると問題が発生する特定の場所が見つかりません。自分が書いたコードをすべて削除し、スクリプトを無効にしてみました。

P粉817354783 2024-03-29 00:21:20 0  1  433

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1208

オーバーフロー: スクロールすると、テーブルの非表示の列が表示されなくなります。何が悪かったのか？

私は、react-grid を既存の flask アプリケーションに統合しています。これを行うには、カスタム Webpack 構成を使用してアプリケーションをコンパイルする必要があります。反応コンポーネントを正常にレンダリングできますが、react-grid を使用して overflow:scroll を適用すると、テーブルの表示部分のみがレンダリングされ、残りのスクロール領域は空白のままになります。ここをクリックすると、オーバーフロー スクロールが有効になっている ReactGrid の GIF が表示されます。ここをクリックすると、オーバーフロー スクロールが有効になっていない React...

P粉345302753 2023-08-17 13:55:29 0  1  447

javascript - この効果を実現するために CSS を変更する方法

現在得られる効果は次のとおりです: 下にスクロール バーを表示せず、赤いボックス全体がポップアップ ボックスの右側に表示されます。これを実現するにはどうすればよいですか?以下に似ています: (これは PS からのものです) 以下は私のコードです。上記の要件を達成するにはどのような変更を加える必要がありますか?ありがとう！ ！コードは次のとおりです: html...

学习ing 2017-07-05 11:06:58 0  2  956

JavaScript - 携帯電話の画面のスライドとスライド画面の上部からの距離を監視するにはどうすればよいですか?

携帯電話の画面のスライドを監視し、上からのスクロール距離を計算するにはどうすればよいですか? {コード...} このように書いたものは常に0ですか?監視スクロールは効果がありません。神に尋ねてください

黄舟 2017-05-19 10:11:07 0  4  640

JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラー スケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51 0  1  656

JavaScript - フロントエンドマップアニメーション効果を実装する方法。

以下のエフェクトと同様に、アバターはルートに応じて移動できます。この種のアニメーションはこれまで見たことがありません。フロントエンドはどのように実装すればよいでしょうか?キャンバスか、それとも既成のフレームワークか？この効果を達成するにはどのようなアイデアを使用すればよいのか、まったくわかりません。 。 。

PHPz 2017-05-16 13:36:02 0  2  446