[英]Listen for a scroll event in <object>
我在HTML對象標簽中有一個PDF,如下所示:
<object type="application/pdf" data="https://termsfeed.com/assets/pdf/privacy-policy-template.pdf"></object>
當PDF滾動時,我想運行一些代碼。 但是,將滾動事件偵聽器附加到object元素不起作用。 使此工作正常的正確方法是什么?
監聽容器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');
});
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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.