2016-09-15 3 views
0

Ich verwende im Wesentlichen die Standard-Web/Viewer.html und die zugehörigen Dateien, die mit ihm geliefert wird. Ich habe es in einem iframe geladen. Wie kann ich einen Ereignis-Listener hinzufügen, wenn die PDF-Datei gescrollt wird? Danke für jede Hilfe.Wie Scroll-Ereignis von pdf.js zu erkennen

+0

'pdfIFrame.contentWindow.addEventListener (" scroll ", function() {..});'? Der Viewer muss sich in derselben Domain wie die Host-Seite befinden. – async5

+0

Es funktioniert immer noch nicht. Haben Sie es für die pdf.js-Bibliothek von Mozilla verwendet? Vielen Dank. Code: Hmm, es funktioniert immer noch nicht. Hier einige relevante Code: // document.html

// document.js pdfIframe.contentWindow.addEventListener ("scrollen", function() { console.log ('docver.js ~ Linie 98 - „aksjdfklasdjfkl ": '," aksjdfklasdjfkl "; }); –

Antwort

2

Ich kramte und getestet einige Dinge mehr und es herausgefunden, das ist ziemlich einfach, aber wenn du bist in der gleichen Bindung:

var viewerContainer = window.document.getELementById('somePdfIframe').contentDocument.getElementById('viewerContainer') will contain the element whose scrollTop will change. 

Also, wenn

viewerContainer.scrollTop + $(viewerContainer).height() == viewerContainer.scrollHeight 

dann der Benutzer hat den unteren Rand des PDF iFrame erreicht.

Sie können auch mit viewerContainer.addEventListener ('scroll', function() {...}) auf Schriftrollen im PDF-Iframe warten.

Eine kleine Sache, die für mich schwierig war, ist, dass Sie sicherstellen sollten, dass der PDF-iframe vollständig geladen wurde, bevor Sie diesen Code aufrufen.