問題タブ [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.
reactjs - 初期状態が「translate3d(0,0,0)」に等しい変換をアニメーション化すると、useSpring() が機能しない
useSpring() フックの使用方法
useSpring() フックを使用して変換プロパティをアニメーション化しようとしています:
たとえば、初期状態が"translate3d(0,0,0)"
の場合、次のように初期化するとうまくいきtoggle
ませんfalse
。
一方、これは機能します:
これはバグですか?ありがとう
javascript - 反応スプリングを使用して要素にスクロールするには?
ドキュメント全体を読みましたreact-spring
が、これを行う明確な方法はないようです。
私の試み:
私は試行のために参照とフックを使用しています。
Web サイトのuseRef
天井からオフセットされた上部を見つけるために、スクロール先が添付されます。
クリック時useState
に状態を切り替えてスクロールをトリガーします。
useSpring
0 からスクロール先のスクロール トップ aka に移動するアニメーションをトリガーするために使用しgetBoundingClientRect().top
ます。
誰でもこれを解決するのを手伝ってもらえますか?
オンラインでの説明はあまりありません、ありがとう!
reactjs - react-gesture と react-spring でドラッグを有効にして div に境界を設定する必要がある
react-use-gesture
ドラッグ イベントで div を移動するためにパッケージを使用していますが、境界を設定する必要があります。
これらの境界を設定するには、Spring の補間メソッドを使用する必要がありますuseSpring().set
か?それともメソッドにパラメーターを追加する必要がありますか?
速度がなくても問題ありませんが、useSpring().set
メソッドに速度パラメーターが必要です