Question

我在iframe中显示pdf文档，我想检查用户是否在他可以验证我的表单之前阅读了该文档。这似乎很容易但经过多次尝试后，我仍然无法做到这一点。

我尝试了许多方法，比如实现滚动功能：

$("#myFrame").scroll(function(){
if ($("#myFrame").scrollTop() + $("#myFrame").innerHeight() + 20 >= $("#myFrame")[0].scrollHeight) {
    alert("scroll is over");
}
});

我的iframe是：

<iframe id="myFrame" height="600" width="800" src="myDoc.pdf">
</iframe>

感谢您的帮助。

Answer 1

这完美无瑕

$(function () {    
$("#iframeid").load(function () {
    var iframe = document.getElementById("iframeid").contentWindow;
    $(iframe).scroll(function () {
        if (   $(iframe).scrollTop()==$(iframe).height()-$("#iframeid").height()) {
            alert("Reached bottom!");             
        }
    });
});
})

滚动到底部时，iframe内容会被注意到

1 个答案: