position({of:,my:,at:})
を使用して現在の位置から中心にどのようにアニメーションできますか? プロセスを自動化する方法はありますか、または手動でCSSプロパティをアニメーション化する必要はありますか?jQueryの位置をアニメーション化する
答えて
あなたは.animate()を見ましたか?
編集:これで、あなたが少し良くなっていることを理解したので、here is a jQuery plugin that I wrote to do this very thing。
Here's a quick jsFiddle as an example。
オプションを設定可能なオブジェクトにしました。例:
$('#clickme').click(function() {
$('#blah').align({speed:1000,y:false});
});
EDIT:それはもはや必要とただ雑然とものまであるので、他のコードを取り出すません。私の新しいコードを整理する。オフセットの親の位置付けの問題を修正しました。最新バージョンのソースを使用して、gitリポジトリとjsFiddleへのリンクを追加しました。
私はそのことについて知っていますが、divの幅 - 高さの除算を2などで計算する必要があります。アニメーションする方法があるかどうか疑問に思っていました。position({of:、my:、at: 、animate:slide})、または何かの並べ替え。 – localhost
jsfiddle.net/MjsDc/8/これで解決しますが、ちょっと面倒です。私はポジション({of:、my:、at:})を持つソリューションを望んでいました。 – localhost
@ localhost2 OK ...これは実際にはコードを書いています...クライアントサイトで使用していたjQuery拡張機能を中心としたオブジェクトでした...私がそれを掘り出すことができるかどうかを確認する必要があります... –
この回答は2月に戻ってきたかもしれませんが、今はもっと簡単な方法があります。
positionメソッドは、この目的のためだけにusing
引数をとります。たとえば、
$(div).position({
at: "left+50% top+50%",
of: $(div).parent(),
using: function(css, calc) {
$(this).animate(css, 200, "linear");
}
});
おかげで、ありがとう。 – localhost
- 1. jQueryアニメーション後の位置をリセットする
- 2. jqueryアニメーションの位置をパーセンテージで表示
- 3. 無限の背景位置のアニメーション - jQuery
- 4. CSSアニメーション - 元の位置への位置
- 5. CSS3アニメーション位置
- 6. UIViewをアニメーション化する - 位置を追跡する方法は?
- 7. UIViewを常にユーザーのタップ位置にアニメーション化します
- 8. jQueryで元の位置にアニメーションを戻す
- 9. jqueryアニメーション背景位置 - 現在の背景位置を最初に取得する問題
- 10. jquery要素の位置を保存する(シリアル化?)
- 11. スクロール位置をアニメーション化する方法は?スムーズにスクロールするには?
- 12. jQueryアニメーション、アニメーション化しない
- 13. jQueryを使用して背景の位置をどのようにアニメーション化しますか?
- 14. Jqueryクールドラッグアンドドロップスナップ位置
- 15. jqueryアニメーション位置 - 絶対値と相対値
- 16. divとして移動するjQuery Sliderは位置をアニメーションします
- 17. ギャラリー選択された位置のアニメーション
- 18. jQueryでRolodexのフリップダウンエフェクトをアニメーション化する
- 19. jqueryのトランジションをアニメーション化する方法
- 20. jQuery複数のセレクタをアニメーション化する
- 21. なぜ私のUIViewは間違った位置にアニメーション化されますか?
- 22. 層位置は、(コア)アニメーションだから、
- 23. jQueryでmarginLeftをアニメーション化する
- 24. jquery:移動をアニメーション化する方法
- 25. jQueryスクリプトをカラーテキストにアニメーション化する
- 26. CCスプライトのアニメーションと位置をランダムにコピーする
- 27. アニメーション後にボタンの位置を設定する方法は?
- 28. $ .mobile.showPageLoadingMsgのJQueryモバイルの位置
- 29. jqueryの位置()の問題
- 30. jqueryのslideToggleの位置
関数http://api.jquery.com/animate/を参照すると、CSS値のセットを指定することができ、jqueryがトランジションを行います。 – Yogu