問題タブ [react-spring]

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 に答える
422 参照

reactjs - 初期状態が「translate3d(0,0,0)」に等しい変換をアニメーション化すると、useSpring() が機能しない

useSpring() フックの使用方法

useSpring() フックを使用して変換プロパティをアニメーション化しようとしています:

たとえば、初期状態が"translate3d(0,0,0)"の場合、次のように初期化するとうまくいきtoggleませんfalse

一方、これは機能します:

これはバグですか?ありがとう

0 投票する
3 に答える
6658 参照

javascript - 反応スプリングを使用して要素にスクロールするには?

ドキュメント全体を読みましたreact-springが、これを行う明確な方法はないようです。

私の試み:

私は試行のために参照とフックを使用しています。

Web サイトのuseRef天井からオフセットされた上部を見つけるために、スクロール先が添付されます。

クリック時useStateに状態を切り替えてスクロールをトリガーします。

useSpring0 からスクロール先のスクロール トップ aka に移動するアニメーションをトリガーするために使用しgetBoundingClientRect().topます。

誰でもこれを解決するのを手伝ってもらえますか?

オンラインでの説明はあまりありません、ありがとう!

0 投票する
0 に答える
406 参照

reactjs - react-gesture と react-spring でドラッグを有効にして div に境界を設定する必要がある

react-use-gestureドラッグ イベントで div を移動するためにパッケージを使用していますが、境界を設定する必要があります。

これらの境界を設定するには、Spring の補間メソッドを使用する必要がありますuseSpring().setか?それともメソッドにパラメーターを追加する必要がありますか?

速度がなくても問題ありませんが、useSpring().setメソッドに速度パラメーターが必要です

サンドボックス