如何執行用戶必須在iframe中滾動pdf

Question

我在iframe中有pdf文件。我希望用戶在提交表單前必須在pdf文件中滾動。我試圖用這個，

var position = $('#myIframe').contents().scrollTop(); 

但不工作。請提前幫助我。

Answer 1

我爲您的解決方案製作了Fiddle。您可以禁用用戶的提交按鈕，直到用戶滾動您的iframe。

function getFrameTargetElement(objI) { 
    var objFrame = objI.contentWindow; 
    if (window.pageYOffset == undefined) { 
    objFrame = (objFrame.document.documentElement) ? objFrame.document.documentElement : objFrame = document.body; 
    } 
    return objFrame; 
} 

$("#myIframe").ready(function() { 
    var frame = getFrameTargetElement(document.getElementById("myIframe")); 

    frame.onscroll = function(e) { 
    $('.submitBtn').prop('disabled', false); 
    } 
}); 

希望它有幫助。