我需要确定iframe中的元素是否在屏幕上可见。 （如果它在屏幕的可见部分） 我的意思是页面可能很长，用户必须滚动才能看到元素
的index.html：
<html>
...
...
<iframe src="iframe.html" />
...
...
</html>
Iframe.html的：
<html>
...
...
<div id="element"></div>
....
...
<script type="text/javascript">
var el = document.getElementById('element');
if (isElementVisible(el)) {
// do something
}
</script>
</html>
如何编写这样的函数isElementVisible（）？
答案 0 :(得分：3)
以下是您要实现的目标示例。
基本上，这是应该进入iframe：
function isElementVisible(element)
{
var elementPosition = element.offset().top;
var currentScroll = window.parent.$("iframe").contents().scrollTop();
var screenHeight = window.parent.$("iframe").height();
var visibleArea = currentScroll + screenHeight;
return (elementPosition < visibleArea);
}
使用滚动事件处理程序触发您的支票。
$(window).scroll(function(){
if( isElementVisible( element ) )
// Perform your code.
});
这可以假设iframe与父帧位于同一个域中。为方便起见，我使用 jQuery 。