监听iframe的滚动事件,首先要获取到iframe的滚动元素contentWinow,这里例如是id名为iframeContainer
//先获取iframe的元素,因为iframe是嵌入到html里去的,所以应该获取iframe的contentWinow元素(重要!!)
let iframeContainer = document.getElementById('iframeContainer');
let iframeContentScroll = iframeContainer.contentWindow;
//接下来是用react的useEffect()进行监听
useEffect(()=>{let handerScroll = ()=>{let scrollTop = iframeContentScroll.scrollTop;console.log('scrollTop',scrollTop);/*接下来就可以根据监听到的scrollTop做想做的操作了*/
}if(iframeContentScroll){iframeContentScroll.addEventListener('scroll', handlerScroll);
}return ()=>{iframeContentScroll.removeEventListener('scroll',handlerScroll);
}},[])