javascript - 如何强制用户必须在 iframe 中滚动 pdf

Question

我在 iframe 中有一个 pdf 文件。我希望用户在提交表单之前必须在 pdf 文件中滚动。我正在尝试这个，

var position = $('#myIframe').contents().scrollTop();  

但是不工作。请帮助我提前致谢。

Answer 1

如果您不介意为您的 iframe 设置静态高度，我可以为您提供解决方案。

HTML 和 CSS
1. 将您的 iframe 包装在 div 容器中
2. 为您的容器和 iframe 设置 heights(容器的 height 应该是您希望看到框架的 height 和 iframe height 应该足够大以显示整个 pdf。)
3. 设置容器div的overflow为scroll

现在您有了一个可滚动的“iframe”。

Javascript

1. 获取容器元素。 (var containerEl = $("#container")[0];)
2. 编写一个滚动 函数。在滚动函数中查找元素的总高度 (scrollHeight) 是否小于或等于滚动量 (scrollTop) 加上内部高度 (clientHeight) 的元素。如果是，请从 button
中删除 disabled 属性

这是 fiddle .对@mJunaidSalaat 的 jsfiddle 进行了一些更改。