velocity.js

0熱

1答えて

CSS、jQuery、Velocity.jsのいずれかを使用してアニメーションを行い、ブラウザウィンドウの任意の場所から最終的な位置にスライドしたいとします。私がアニメーション化したいすべてのdivは、ブートストラップを使って配置されており、アニメーションがブラウザの特定の側からdivを開始するようにしたいと思います。それはアニメーションなしで現在の位置にスライドします。基本的には、divとサ

2熱

2答えて

コールバックは、私が<a href="http://codepen.io/dd-tch/pen/gmMNjm" rel="nofollow noreferrer">list that scrolls up using velocity</a>を持って

を移動しました。私は毎回サウンドを再生したい、リストの最初の目に見える項目がスクロールアップされている。イベントを処理するか、各要素またはリスト全体がインスタンス62pxのために、特定のピクセルで上にスクロールされたときに変更を追跡する方法 <div class="viewport" data-winner=""> <ul class="participants-holder conta

0熱

2答えて

Velocity.js：最初のセットが終了した後の2番目のオブジェクトのアニメーション

一連のSVGオブジェクトをアニメーション化しようとしています。基本的な目標は次のとおりです。最初の4つのオブジェクトがアニメートされ、次にアウトされ、オブジェクトの次のセットがアニメーション化されます。最初の2つのキューはうまくいきますが、2番目のセットを取得する最良の方法はわかりません最初のセットが終了するまで待つ。 JS： $(document).ready(function() {

0熱

1答えて

Velocity.js |最初のアニメーションを変えても無視されます

私はCSSのプロパティscale(.8)を持っているシンプルなdivを持っています。このdivをホバリングすると、velocity.jsを使って（1）にスケールしますが、最初のアニメーションは無視されます。私はvelocity.jsがcssアニメーションを消去するようにforcefeedingを使用していることを認識していますが、その場合、私はそれを動作させる方法を知りません。助けていただければ

2熱

1答えて

Vue遷移：v-on：コールバックが実行される前にbefore-leave hides要素が実行されます

私はVueを学習しており、これについて非常に混乱しています。 jQueryのslideToggle()を複製しようとしています。私は項目のリストを持っていますが、それぞれ見出しと本文があります。最初は各リスト項目の本文が非表示になっています。ユーザーがタイトルをクリックすると、スライドの移行が行われます。各リスト項目のボディーは可変な高さなので、CSSはheight: autoのトランジショ

0熱

2答えて

ベロシティアニメーション自体を繰り返すのを止める方法

ベロシティを使ってウェブサイトのスクロールボタンをアニメートしています。ウィンドウがスクロールされると、ボタンは変化する位置をアニメートし、再び上に到達すると、元の位置に戻ります。コードは次のとおりです。 $(document).ready(function() { var mustSlideRight = true; var mustSlideLeft = false;

0熱

1答えて

速度jsを使用してテキストにグラデーションカラーを適用する方法はありますか？

速度jsを使用してテキストにグラデーションカラーを適用する方法はありますか？私はチェックしましたhttps://css-tricks.com/snippets/css/gradient-text/ しかし、私はグラデーションを徐々に変更するjsを使ってグラデーションを追加する必要があるということです。ありがとうございます。

0熱

2答えて

Velocity.jsアニメーションの遅延

速度jsが私のコードで不思議な動きをするので少し不満です。遅延時間を指定しなかった場合、これらのアニメーションは順番にどのように表示されますか？ Velocity Docsを読んだ後、私はこれがシミュレーションアニメーションであるべきだと考えました...しかし、これは身体アニメーション、メニューアニメーションのように発射されます。それはコード内のシーケンスでもありません。誰かが私に原因を指摘でき

1熱

1答えて

中断中のベロシティアニメーション

私はベロシティ（https://github.com/julianshapiro/velocity）を試して、いくつかのアニメーションをパワーアップしています。 $element.velocity({ translateX: "100vh" }); 遷移の途中で現在の位置でアニメーションを停止する方法はありますか？ありがとう！