問題タブ [web-animations]
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 - React v17.0.1 - div がビューポートに入ったときにアニメーションをトリガーするにはどうすればよいですか?
React.jsを使用して構築しているWebアプリに取り組んでいます。div がビューポートに入ったときにアニメーションをトリガーしたい。現在、アニメーションを実行できますが、アニメーションは div がビューポートに入るのを待ちません。
コンポーネントがマウントされる前に、ユーザーがサイトにアクセスして別のタブに切り替えたとします。したがって、ユーザーがこのタブに戻る前に、コンポーネントがマウントされているとしますが、アニメーションはユーザーがこのタブに戻ったときにのみ開始する必要があります。
react-transition-groupパッケージのCSSTransitionGroupを使用してアニメーションを実装しました。div がビューポートに入ったときにアニメーションをトリガーする方法を見つけようとしています。
RequestFormComponent.js
CSS
これは JQuery を使用して実現できることはわかっていますが、React.js のみを使用して実現する方法はありますか? React で JQuery を使用して回避策がある場合でも、提案をお願いします。
助けてくれてありがとう！