CODEWITHSUNDEEP
pdfscrollpdf.js
Phillip Y.
Phillip Y.

Reputation: 517

How to detect scroll event from pdf.js

I'm essentially using the default web/viewer.html and its associated files that comes with it. I have it loaded in an iframe. How can I add an event listener to when the pdf is scrolled? Thanks for any help.

Upvotes: 1

Views: 9178

Answers (1)

Phillip Y.
Phillip Y.

Reputation: 517

I dug around and tested some things more and figured it out, which is pretty simple but if you're in the same bind:

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

So if 

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

then the user has reached the bottom of the pdf iFrame.

You can also viewerContainer.addEventListener('scroll', function() {...}) to listen for scrolls in the pdf iframe.

One little thing that was tricky for me is that you should make sure the pdf iframe was fully loaded before calling this code.

Upvotes: 4

Related Questions