Kullanıcıya nasıl güç kazandırmak iframe içinde pdf'ye kaydırmalıdır

Question

iframe içinde bir pdf dosyasına sahibim. Kullanıcının formu göndermeden önce pdf dosyasına kaydırmasını istiyorum. Bununla çalışıyorum ama çalışmıyor. Lütfen bana yardım edin Önceden teşekkürler.

Answer 1

Çözümünüz için bir Fiddle yaptım. Kullanıcı iframe'de gezinene kadar kullanıcı için gönder düğmesini devre dışı bırakabilirsiniz.

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); 
    } 
}); 

Yardım edin.

Answer 2

Ben bu konuda neredeyse bir saat çalıştım, Araştırılmış, sonunda ne yazık ki bu bu yöntemi kullanarak bu mümkün değildir bir sonuca geliyor.

PDF genellikle bir DOM öğesi değildir, PDF okuyucu yazılımı tarafından oluşturulur. Her tarayıcının PDF'leri oluşturmak için kendi mekanizması vardır, standart yoktur. Bazı durumlarda PDF, PDF.js tarafından oluşturulmuş olabilir; bu durumlarda kaydırma işlemini algılayabilirsiniz. Ancak Adobe Reader, Foxit ve yerel PDF oluşturma işlemlerinden bazıları bu seçeneği sağlamıyor.

Bunun için bir Github issue da oluşturdum. Ama kullanamazsın.

Üzgünüz. Herhangi bir şey veya herhangi bir geçici çözüm bulabilirseniz lütfen beni güncelleyin.

Answer 3

iframe'iniz için statik bir yükseklik yapmayı düşünmüyorsanız, sizin için bir çözümüm var.

HTML ve CSS
1. konteyner ve iframe (her ikisi için heights set
2. div kap içinde iframe sarın olmalıdır kabın heightheight Eğer çerçeve görmüş ve iframe olmak istiyorum height tüm pdf gösterecek kadar büyük olmalıdır.)
3. seti kapsayıcı div en overflow

Şimdi kaydırılabilir "iframe" var scroll için.

Javscript

1. alın konteyner öğesi. (var containerEl = $("#container")[0];)
2. scroll işlevini yazın. Kaydırma fonksiyonu içinde, öğenin toplam yüksekliğinin (scrollHeight), ne kadar kaydırıldığına (scrollTop) eşit veya öğesinin iç yüksekliği (clientHeight) olup olmadığını bulun. Eğer öyleyse, burada fiddle var button

den disabled özelliğini kaldırın. @ MJunaidSalaat'ın jsfiddle'ına bazı değişiklikler yaptık.

Answer 4

iframe'de bu

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

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