检测 iFrame 中的元素是否在客户端视图中
Detect if element in iFrame is in Client-View
我想检测 <iframe> 中的元素是否在主框架的客户端视图中。
Example
我面临的问题是，元素始终在 <iFrame> 的视图中。但是我无法检测元素是否在主框架的视图中。
在这个例子中，认为元素 (Div) 位于像素 2500。如果元素在视图
中，我想从 <iframe> 外部进行检测
<html>
<body>
<div style="background-color: red;" width="100%">
Menu
</div>
<iframe src="https://whosebug.com/" width="100%" height="3000px">
</body>
</html>
需要在 IE 中工作
如果 IntersectionObserver 有效并且您想在 IE 中支持它，您可以使用 this polyfill。这个库在不支持的浏览器中填充了本机 IntersectionObserver API，它支持 IE 7+。
我想检测 <iframe> 中的元素是否在主框架的客户端视图中。
Example
我面临的问题是，元素始终在 <iFrame> 的视图中。但是我无法检测元素是否在主框架的视图中。
在这个例子中，认为元素 (Div) 位于像素 2500。如果元素在视图
中，我想从<iframe> 外部进行检测
<html>
<body>
<div style="background-color: red;" width="100%">
Menu
</div>
<iframe src="https://whosebug.com/" width="100%" height="3000px">
</body>
</html>
需要在 IE 中工作
如果 IntersectionObserver 有效并且您想在 IE 中支持它，您可以使用 this polyfill。这个库在不支持的浏览器中填充了本机 IntersectionObserver API，它支持 IE 7+。