症状
参考サイトの内容をJQUERYアコーディオンの要素内で実装したところ
アコーディオンの展開に合わせて、すべての要素がアニメーションしてしまい、
スクロールで画面を下がった頃には、アニメーションしなくなっており困っています。
参考サイト:https://prokatsu.com/animate_scroll/
設定の背景
LINEトーク風のコンテンツを実装するために参考サイトの内容を採用しました。
しかし、トークコンテンツが長いため後半をアコーディオンで折りたたむ事になりました。
且つ、スクロールを戻ったときに、再度アニメーションが起こらないよう、一度だけアニメーションする設定を行いました。
理想の完成状態
1.アコーディオン展開後もコンテンツはスクロールに合わせてアニメーションしてほしい。
2.一度アニメーションした要素はスクロールを戻ってもアニメーションしない状態を保ちたい。
以上です。
賢者の方々へ
当方初心者のため、「〇〇が原因だから、〇〇したら解決するんじゃない?」といったご指導が理解できない場面がございます。
できれば、改変後のコードを貼り付けてご指導いただけると幸いです。
また、「ページを分ければ・・・」や「そもそものUI設計がダメじゃない・・・」など、
現在の設定を変えるようなご指導には、対応できない事情にございますので、ご了承いただけますと幸いです。
資料データ
回答1件
あなたの回答
tips
プレビュー