問題タブ [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.

0 投票する
1 に答える
209 参照

jquery - シンプルな小さなjqueryプラグインにイージングを追加しますか?動作しない

このプラグインにイージングを追加する方法を教えてもらえますか?イージングプラグイン、yada yadaがあることを理解しています。このプラグインに、使用時にイージングとコールバックを追加するオプションが必要です。easingの後に単語を追加してみたspeed,ので、のように見えましspeed, easing, callbackたが、どういうわけかうまくいきませんでしたか?

0 投票する
5 に答える
84746 参照

jquery - マウスホイールによるスムーススクロールイージング効果

最近、このウェブサイトhttp://www.ascensionlatorre.com/homeに出会いました。マウス ホイールのスクロールの仕組みが気に入っています。イージングは​​非常にスムーズです。

Googleで検索していますが、似たようなものは見つかりません。

この効果をjQueryで複製する方法について何か提案はありますか?

0 投票する
2 に答える
993 参照

c# - C#での「モーションイージング」効果

整数をインクリメントする必要がありますが、インクリメントの速度を遅くしたいと思います。たとえば、私が0に等しいintを持っているとすると、このintを最終的に100に到達させたいが、徐々に増分を遅くしたいとします。誰かがこれを経験したことがありますか?

0 投票する
2 に答える
5616 参照

image - スクロールボックスに低速スクロール効果を作成するにはどうすればよいですか?

スクロールボックスで画像をパンした後、スムーズなスロースクロール効果を作成するのが好きです。マップをmaps.google.comでパンするのと同じです。タイプはわかりませんが、まったく同じ動作です。マップを高速でドラッグすると、マウスを離してもすぐには停止しませんが、速度が低下し始めます。

アイデア、コンポーネント、リンク、サンプルはありますか?

0 投票する
1 に答える
3919 参照

jquery - スクロール機能を備えたjQueryイージングプラグインを使用する

これを探しましたが、ScrollToでの使用方法を見つけました。これは違います。

jQueryEasingPluginをこの関数で動作させる必要があります。

説明することはこれ以上ありません...助けてくれてありがとう!

..。

また、アニメーションの長さではなく速度を設定できるかどうかを知りたいのですが、ターゲットに近い場合は速度を設定し、ターゲットから遠い場合は速度を大きくすることができます。

再度、感謝します!

0 投票する
1 に答える
87 参照

jquery - FFで正しく表示するためにパディングと行の高さを取得しようとしています

jqueryを使用してサブメニューを切り替えるメニューがあります。Chrome、EI、Safariで問題なく表示されます。Firefoxはパディングを正しくレンダリングしていません。サイトはwww.caitmizzi.com/homeです。

ここにjsfiddleがありますhttp://jsfiddle.net/6GwjA/-左側の[クエリUI1.8.16]チェックボックスをオンにする必要があります。

どんな助けでも大歓迎

ありがとうグレッグ

0 投票する
2 に答える
455 参照

jquery - 古いメニューのCSSクラスでjQueryを緩和

私は、jQuery+CSSを使用して垂直メニューの親->子を展開する古いナビゲーションシステムを使用しています。代わりにアニメーションを使用するように変更して作業したいb/cロールオーバー時にパディングを追加して速度を調整したい。

これが私が変換したいと思っている現在のブロックです:

メニューの現在のCSS

これが私が現在取り組んでいるものです:

これまでのところ、ジッターを減らすことはできません。

0 投票する
1 に答える
1823 参照

jquery - jQuery アニメーションが流動的ではない

述べたように、ページの流動性に問題があり、jquery が何らかの形で関与していると思います。

以下のワンページサイトを作成しました。

http://cgeese.de/tests/Test02/

私はjsプラグインでjQueryを使用しています

  • ローカルスクロール
  • scrollto (両方とも Ariel Flesler によるもの、http://flesler.blogspot.de/ )
  • イージング (GSGD による、http ://gsgd.co.uk/sandbox/jquery/easing/ )

問題

リンクをクリックすると、バウンス イーズ (easing.js によって提供) を使用して、ページがターゲット div にスクロールされます。技術的には問題なく動作しますが、私の好みでは滑らかではありません。

イージングのスタッターの問題は、これらのプラグインの 1 つを誤用したことだと思いますが、コードの間違いを見つけることができないようです。

質問

アニメーションがカクカクするのはなぜですか? どうすればスムーズにできますか?

更新 手がかりはありますか?jQuery-build-in イージングを使用する方が少し見栄えが良いようですが、同じ問題があります。ですから、Ariel Feslers のものを残すのはイージング プラグインではないと思います。彼のようなプラグインはありますか?

0 投票する
1 に答える
1401 参照

jquery - どのくらいのJavaScriptが多すぎます

私はフラッシュサイトをjsに変換していますが、多くのことが起こっています:

jqueryで実行されている動的バックグラウンドを常に実行しています。サイトは ajax API を介して何百もの画像を呼び出します。マウスを画像の上に置き、さらに ajax を呼び出してより大きなバージョンを取得し、それをオーバーレイとして表示します。アニメーション シーケンスも良好です。オーバーレイで覆われた画像の上にマウスがまだあるかどうかを判断するために、多くのマウスの位置決めが必要です。

しかし、一部のアニメーションはイージングを行ってもびくびくしています。これはjsで停止するポイントですか?

0 投票する
4 に答える
2837 参照

jquery - スクロール時の回転アニメーションの緩和

スクロールで回転させるために jquery/css3 を使用している要素があります。スクロールするとちょっとビクビクして、止まるとすぐ止まるのが難点。スクロール ホイールが動くたびに一定の角度だけ回転するのではなく、スクロールを開始すると開始し、スクロールを停止すると停止するスムーズな再生回転にしたいと考えています。私のコードとリンクは以下の通りです:

http://pollenbrands.com/rjj/ (下にスクロールして 100% フルーツ)