Is there a way to synchronise iframe scrolling with div scrolling?

I have a Three.JS background that is embedded to an HTML page as an iframe (hosted by another server). It is a scrollable background with custom made objects and animation. Another div is placed on top of it which contains the content of the page. With their heights the same, the idea here is to synchronise the scroll of these two HTML elements. How does one accomplish this?

i need to know too