Question

我一直在努力获取一个“继续”按钮，以显示用户何时滚动到页面上嵌入的PDF文件的底部。到目前为止，我已经阅读了几个主要说明没有真正的方法来确定使用嵌入/对象标签嵌入的pdf的底部位置的线程。

当用户到达文档的底部时，我尝试构建一个非常简单的脚本来登录控制台，但这似乎没有做任何事情。

$(function () {
        $('#contractPDF').bind('scroll', function(e) {
                if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight)
            {
                console.log('End of document');
            }
        });

#contractPDF在容器中如下：

<embed id="contractPDF" class="pdf" width="800" height="600" src="/images/example.pdf" type="application/pdf"></embed>

有没有人有更好的解决方案，或者我应该考虑使用像pdf.js这样的东西？

Answer 1

<强>嵌入

当您使用embed显示PDF时，您无法控制浏览文档的状态。您只能设置初始值，如页面或缩放，完整列表请参见此处Parameters for Opening PDF Files。所有渲染都由浏览器中的PDF插件处理。

<强> PDF.js

如果您计划使用PDF.js，那么您可以使用PDF viewer by PDF.js team，它已经过优化和高度自定义。也适用于非常基本的自定义查看器using PDF.js can be found here。

检测用户是否滚动到嵌入式pdf的底部

1 个答案: