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

[rjlatgithub]

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~