Прослушайте событие прокрутки в <object>

Question

У меня есть PDF в теге объекта HTML , например:

<object type="application/pdf" data="https://termsfeed.com/assets/pdf/privacy-policy-template.pdf"></object>

, и я хотел бы запустить некоторый код при прокрутке PDF.Однако присоединение слушателя события прокрутки к элементу объекта не работает.Как правильно заставить это работать?

Answer 1

document.getElementById('pdfContainer').addEventListener('scroll', function () {
  console.log('scrolling');
});

object {
  height: 1200px;
}

#pdfContainer {
  height: 500px;
  overflow-y: scroll;
}

<div id='pdfContainer'>
   <object type="application/pdf" data="https://termsfeed.com/assets/pdf/privacy-policy-template.pdf"></object>
</div>

Answer 2

прослушивание события прокрутки html-элемента контейнера вместо pdf

<div id='pdfContainer'>
   <object type="application/pdf" data="https://termsfeed.com/assets/pdf/privacy-policy-template.pdf"></object>
</div>

$('#pdfContainer').on('scroll', function () {
        alert('scrolling');
    });