問題タブ [bounce]

バウンス効果が加速している理由がわかりません。

setIntervalを使用して、画像に影響を与えます。すべてが完璧に始まりますが、突然効果が自動的に加速し始めます。間隔の秒数とバウンス時間パラメーターの問題だと思いましたが、正しくありません。

タブまたはウィンドウを変更すると、問題が発生する可能性があるという疑いもあります。

同じ問題がありましたか、またはバウンス効果をエミュレートする別の方法はありますか?

ここにスニペット：

ティ！

私は高くも低くも見て、いろいろなことを試しましたが、それは単にうまくいきません。私はこれらの2つのSO質問とそれらの応答（明らかに機能しました）を見ましたが、私には機能していないようです：

jqueryバウンス効果はリストのインラインアライメントを壊します

jQueryバウンスインプレース

ウェブサイトhttp://web.cs.dal.ca/~webucat/をクリックすると、リストアイテムがバウンスするようにしたい。これは私のHTMLです：

そして私のjQuery：

しかし、それらは機能していないようです。

前の質問の1つで、リストアイテムをインラインで表示する代わりに左にフロートさせると言っていましたが、それでも問題は解決しませんでした。

HTMLのスクリプト参照と関係があるのは奇妙な感じがします。これらは正しく行われていますか？

なぜそれが機能しないのか、私はここで本当に途方に暮れています。誰か助けてもらえますか？

編集：私はこのフィドルを作成しました：http：//jsfiddle.net/jfHNU/2/そしてそれはそこで機能し、私のコードがそれとどのように違うのかわかりません。

ログインフォームにいくつかのテキスト入力を設定したフレックスモバイルアプリを用意します。ソフトキーボードが表示されると、ビューはパンアップしますが、「パン解除」と「再パン」により、この奇妙なバウンス効果が得られます。

誰かが方法や理由を知っていますか？

URLログインを可能にするカスタムプラグインを作成しました。この方法で私の Moodle サイトにアクセスするユーザーは、すべて同じ外部サイトから来ており、URL に基づいて識別できます。ログインに失敗した場合、通常の自分のムードル サイトのログイン失敗ルーチンではなく、外部 Web サイトの「ログイン失敗」ページにリダイレクトしたいと考えています。

認証プラグイン内からユーザーをリダイレクトするMoodleの機能はありますか? 問題の一部は、プラグインが処理されるまでに、ヘッダーが既に処理されていることです。したがって、ヘッダーに変数を設定しても効果がありません。

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

ここやGoogleなどで答えを探していましたが、これを完全に釘付けにすることはできません.

ID が #pin01 の画像があります。これは、マップの画像 (Google マップを考えてください) に着陸する、div 内で下にアニメーション化したマップ上のピンです。

うまく機能する私のJQueryは次のとおりです。

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

アニメーションはうまく機能し、ピンはフェード インし、マップにうまくドロップします。私が望むのは、div の上から 305px に配置された後のバウンスです。そのため、マップ上にある場合、最後に少しバウンスします。私はこの効果を使うと思った：

最終的なコードは次のようになると思いました。

その結果、バウンスが発生しますが、ピンの元の開始位置に戻り、305px の動きは保持されません。効果に top: を配置しようとしましたが、うまくいきませんでした。

これらを組み合わせたり、入れ子にしたりしてみましたが、何も機能していないようです。

誰かが他の考えを持っている場合は、これを適切に機能させる方法を知りたい. 単純な調整だと思いますが、それを理解できないようです。

解決

削除:

以下の回答から両方を1行に置き換えました。

マップ上で一度バウンドする問題を解決しました。

いくつかのフェード機能を追加するために、次のように記述しました。

フェードを行うためのよりクリーンな方法があるかもしれませんが、これは私の例ではうまくいきました。

jQuery アニメーションだけを使用して、div バウンスを作成するアニメーションの解決策を見つけることができません。次のようなものは機能しません:

jQuery UI や、イージング プラグインなどの外部プラグインは使用したくありません。私の場合、ぐらつき効果は同じくらい良いので、どちらでも構いません。

ここに例があります。どんな助けでも大歓迎です! 前もって感謝します

ねえ、私はここjsfiddleにこのコードを持っています：http：//jsfiddle.net/d7UjD/6/

私はそれに2つの問題があります：

1）アニメーションstop（）を使用する方法が必要です。これにより、画像上でマウスを何度もすばやく実行しても、再生と再生が続行されなくなります。

2）幅と高さをズームするためにホームヘルプが必要な「ズーム」部分。現在、私は幅しかできません。均等にズームアウトする必要があります。

これに関するどんな助けも素晴らしいでしょう！

デビッド

VC++で簡単なボールバウンスプログラムを作成しました。
このプログラムの目標は、ボールがひし形で跳ね返らなければならないことです。ひし形から出ることはできません。
正常に動作しているようですが、左右の角で動かなくなってしまいました。
この問題を解決するにはどうすればよいですか？ボールが左右の角に行くとき、方程式の条件が重複していると思います...
この問題を解決するための他のアルゴリズムを提案できますか？
この問題を次のようにしようとしました
while(!isInside(getNextPos(circle))) { updateDirectionVector(circle); }
が、毎回ランダムな値が変化するため、このようにすることはできません。（繰り返しタイマーを使用）
これは、コーナー以外で動作するこのプログラムのアルゴリズムです。

Web ページの最初または最後でスクロールすると、バウンス効果が発生します (OS X のみ)
。 「iCloud サイトのような私の Web サイトの場合は?

いくつかの画像でjQueryのバウンス効果を使用しようとしています。画像にカーソルを合わせると、バウンスが1回機能しているのがわかります。ただし、マウスを外して画像をもう一度ロールオーバーしたい場合は、画像がバウンドしなくなります。たまにjsエラーがスローされますが、一貫性がありません。「b.callback.applyは関数ではありません」。ここにあります：

http://jsfiddle.net/ZWrzM/3/

何が間違っているのかよくわかりません。

ありがとう。