如何检查iframe的HTML文件滚动到达底部或不使用jQuery

Question

我有以下看法页在asp.net MVC3，

@using (Html.BeginForm()) 
{ 
<p> 
test test 
test test 
test test 
test test 
test test 
</p> 
<article border="0" > 
<iframe src ="@Url.Content("~/Content/test.html")" width="100%" height="300px" id="iframeContent"></iframe> 
</article> 
<p> 
test test 
test test 
test test 
test test 
test test 
</p> 
<table> 
<tr> 
<td> 
sample data 
</td> 
</tr> 
</table> 
} 

的IFRAME SRC的html文件是有点大，所以它是有滚动。我想检查html文件滚动是否到达底部。如果达到最低点，我需要做一些验证。

我可以通过使用下面的jquery完成整个页面，但我无法弄清楚如何才能完成只有iframe滚动内容。任何建议人？

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert("Bottom Reached!"); 
    } 
}); 

Answer 1

试试这个：

$('iframe').bind('load',function(){ 
    var $win=$('iframe').get(0).contentWindow; 
    $win.scroll(function() { 
     if($win.scrollTop() + $(window).height() == $(document).height()) { 
      alert("Bottom Reached!"); 
     } 
    }); 
});