問題タブ [jquery-animate]

相対的な位置を持つコンテナ内にある要素があり、この要素をコンテナの外に移動すると消えます。しかし、その要素が独自のコンテナから出た後に表示される必要があります。では、その要素がコンテナの外に出た後に表示されるようにするにはどうすればよいでしょうか?

2 つの div と 2 つのボタンがあります。

ユーザーがボタンを離すまで「#items」を連続してスクロールする方法は? jquery mousedown イベントとアニメーション機能を使用してみましたが、動作しませんでした。

上記のコードは、div を 1 回だけ移動します。ボタンを離すまで連続アニメーションを実現したい。ご協力いただきありがとうございます！

アニメーションの終了後にコールバックを呼び出すことができません。ここに私のアニメーション機能があります:

そして、ここでそれを呼び出しています：

アラートが表示されません。なぜですか?

最近、スクリプトのパフォーマンスを向上させるのに確かに役立ったjQuery最適化のヒントについて読むことに時間を費やしています。

ただし、私のサイトにはこの注目のニュースセクションがあり、マウスをホバーするとより多くの情報が所定の位置にスライドします。このセクションは、Safari（およびおそらくChromeも）以外のブラウザではあまりうまく機能しません。

この理由は、アニメーション化する前に、すべてのマウスオーバー/マウスアウトイベントでかなりのDOMトラバースと計算を実行しているためだと思います。

私の質問は簡単です：アニメーションがよりスムーズに実行されるように、以下のコードを最適化する方法はありますか？

私が取り組んでいるサイトはまだ公開されていないので、ニュースセクションのスクリーンショットをアップロードして、それがどのように見えるかを示します。

ありがとう！

黒一色のdivを使用して、その下の画像をフェードアウトします。ChromeとFirefoxでは、これは正常に機能しますが、IEでは逆になります。

これは不透明度0％から始まり、時間の経過とともに70％までアニメートすることになっています。ただし、IEでは、0％から100％にジャンプしてから、70％にフェードバックします。

これに対する修正を探しています。ありがとう。

コードは次のとおりです。

アニメーション効果を取り除くと、このフォーカスイベントによってテキストが選択されます（必要に応じて）。アニメーション効果を使用すると、Firefoxでアニメーションが実行されるときにテキストの選択が解除されます。これは、Safariではそのままで正常に機能します。アニメーションがFFで終了したときに、テキストが引き続き選択されていることを確認する方法はありますか？ありがとう！

jQueryのカラープラグインはたくさんあります。ただし、css クラス宣言間でアニメーション化するものを見つけることができませんでした。

たとえば、 から への滑らかなアニメーションを実行.class1する.class2:

これはまったく可能ですか？

多くの場合、アニメーションを同期的に実行したいと考えています。特に一連のシーケンシャル アニメーションを作成したい場合。

animatejQuery関数呼び出しを同期させる簡単な方法はありますか?

私が考えた唯一の方法は、アニメーションが終了したときにフラグを true に設定し、このフラグを待つことです。

JQueryを使用して、5000などの数値を別の値、たとえば4000にすばやく変更しようとしています。今、私はこれをうまくやっています：

おそらく最善の方法ではないことはわかっていますが、そのために必要なのは、現在の値から設定値までの数値を非常に迅速にカウントダウン (またはアップ) することです。このメソッドで意図したのは、setInterval または setTimeout を使用して遅延を発生させることでしたが、これによりスクリプト全体がかなり失敗します。

アドバイスをいただければ幸いですが、この一見単純なタスクに大きなプラグインを使用することはお勧めしません。

連鎖は jQuery で優れていますが、各イベントのトリガーを連鎖させ、前のイベントが終了するのを待ちません。これは、主にアニメーション時に顕著です。

そのため、私が見た回避策は、コールバック関数を使用することです。唯一の欠点は、連続してアニメートしたいものが 4 つある場合です。

確かに、これはあまり頻繁にはやりたくないことかもしれませんが、そうすると、マークアップが少し冗長になるように見えます。例 (疑似コード):

その状況で、それは最善の/最も簡潔な方法ですか?