lottie-react icon indicating copy to clipboard operation
lottie-react copied to clipboard

How to use interactivity(mode="scroll") in div scroll

Open rjlatgithub opened this issue 1 year ago • 0 comments

Describe the bug Sorry to talk about this. I use interactivity in body scroll page, it works well. <Lottie animationData={lottieFile} style={{ width: 400, height: 400 }} interactivity={{ mode: "scroll", actions: [ { visibility: [0, 0.5], type: "seek", frames: [0, 45], }, { visibility: [0.5, 1.0], type: "loop", frames: [45, 60], }, ], }} />

But when I use this config in a div scroll page. It dose not show. How to pass the scroll container view to the lottie view.

Thanks very much~

rjlatgithub avatar Nov 01 '24 09:11 rjlatgithub