我在 iframe 中有一个 pdf 文件。我希望用户在提交表单之前必须在 pdf 文件中滚动。我正在尝试这个，
var position = $('#myIframe').contents().scrollTop();
但是不工作。请帮助我提前致谢。
最佳答案
如果您不介意为您的 iframe 设置静态高度，我可以为您提供解决方案。
HTML 和 CSS
1. 将您的 iframe 包装在 div 容器中
2. 为您的容器和 iframe 设置 heights(容器的 height 应该是您希望看到框架的 height 和 iframe height 应该足够大以显示整个 pdf。)
3. 设置容器div的overflow为scroll
现在您有了一个可滚动的“iframe”。
Javascript
- 获取容器元素。 (
var containerEl = $("#container")[0];) - 编写一个
滚动函数。在滚动函数中查找元素的总高度 (scrollHeight) 是否小于或等于滚动量 (scrollTop) 加上内部高度 (clientHeight) 的 元素。如果是，请从button 中删除
disabled 属性
这是 fiddle .对@mJunaidSalaat 的 jsfiddle 进行了一些更改。
关于javascript - 如何强制用户必须在 iframe 中滚动 pdf，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36193354/