問題タブ [jquery-easing]
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.
jquery - 位置変更をアニメートするためのイージング効果
このコード行を使用して、の位置を変更しul
、要求されたものli
をフォーカスします。
いくつかのエフェクトを試しsmoothmove
ましたが、このエフェクトをオブジェクトに適用できないというエラーが表示されます。
Linear
またはswing
退屈すぎる。
位置をアニメーション化するために使用できる効果はどれですか?
jquery - 特定のブロックに jQuery slideUp() アニメーションがない
jQuery と jQuery Easing プラグインを使用して簡単なアニメーションを実行しようとしています。アニメーションは、適用されている場合を除いてうまく機能していますsection.quickReply
ここに私のHTMLがあります:
この jQuery コードを適用すると、適切なアニメーションが表示されます (easeInOutBounce で上にスライドします)。
しかし、そのコードでは、アニメーションが表示されず、5 秒後にブロックが突然消えます。
助けてください :)
jquery - jquery animate left position firefox with jquery.easingプラグインが正しくない
jQueryでアニメーション化しているラッパー内に3つの絶対配置コンテナーがあります。
私のアニメーション機能:
私はLinuxボックスを使用しています。Chrome では、すべてが期待どおりに機能しています。しかし、Firefox 25 では、コンテナーの左の位置がランダムに異なる値に設定されます。これを最新の Firefox/Windows でテストしました。同じ問題があります。
このフィドルでのすべての動作: http://jsfiddle.net/gebeer/F2DZH/ ナビゲーション項目をクリックして左にスライドし、赤いサブナビ コンテナーをクリックしてスライドして戻します。
position left の代わりに margin-left をアニメーション化すると、両方のブラウザで正常に動作します。
誰でもこれを確認したり、コードのバグを指摘したりできますか? ありがとうございました。
更新: もう少しいじった後、FF の問題は、使用していたイージング関数に関連しているように思われることがわかりました。もともと、jquery.easing.1.3 プラグインのeaseInBackを使用していました。標準のスイング機能を使用すると、奇妙な動作が停止します。
これを再現するには、フィドルで var easing を変更するだけです。
それでも私はeaseInBackを使いたいです。FF の問題を解決する方法を教えていただければ幸いです。
jquery - JQuery のイージング ボタンが、一度に 1 回ではなく、すべての Wordpress 投稿で影響を受ける
各ワードプレス投稿のタイトルの右側に JQuery ボタンを追加しました。ボタンの 1 つをクリックしてボックスを開くと、残りのすべての投稿ボックスも開きます。時間。URL は次のとおりです: http://experiencias.freeserver.me/
このコードは、投稿の属性である「index.php」に配置されます
このコードを追加しましたが、これは単一の投稿でのみ機能し、ホームページには影響しません
Js コード:
jquery - easyInCirc 効果によるフルページ マウスホイール スクロール
HTML ページにセクションを指定します。各セクションの幅と高さは 100% で、画面サイズを取得します。スクロールバーを表示したくないため、本文とセクションのオーバーフローは非表示になっています。代わりに、セクション間のナビゲーションにメニューとマウスホイールのみを使用したいと思います。
問題は、一度に 1 つのセクション (100% の高さ) だけをスクロールする必要があるというネットで見つけたスクリプトを適応させる方法がわからないことです...スクリプトを修正できる場合:
(+=800 と -=800 を指定したのは、これがピクセルだと思ったからです。このようなものでもありません。とにかく、正確なピクセルではなく 100% が必要です...)
HTML は単純です。
ここに私のテストページがあります:http://photography.igorlaszlo.com/test.html - メニューはすでに私が望むものをしています(まだ完璧ではないスティッキー効果を除いて、問題ではありません)。
これが私がやりたい素晴らしい例です: http://www.atelier-serge-thoraval.com
前もって感謝します !