如何解决在Electron应用程序的iframe中找不到嵌入式PDF的高度? ScrollHeight值错误
我有一个动态iframe,该iframe会根据用户上传的内容嵌入不断变化的PDF。我需要根据其内容的高度动态更改这些iframe的高度,以便摆脱iframe滚动条。尽管文档多长时间(滚动条多长时间),scrollHeight始终与iframe元素的高度相同。我的应用程序有两个滚动条(1个用于整个应用程序,1个用于iframe)。
当我尝试查看scrollHeight时,我得到了错误的值。
> $('#iframepdf')[0].contentWindow.document.documentElement.scrollHeight
< 4996
> $('#iframepdf')[0].contentWindow.document.body.scrollHeight
< 0
我将iframe的CSS设置为5000px,scrollHeight是基于该CSS而不是iframe滚动条的实际值。
我也在使用引导程序。
HTML:
<div id="pdfRow" class="row">
<div id="selectionMarquee"></div>
<div id="pdfCols" class="col-md-12">
<iframe id="iframepdf" scrolling="no" src="" frameborder="0" type="application/pdf"></iframe>
</div>>
</div>
这是我动态更改iframe src的方式:
<script>
$('#file').on('change',function()
{
var file_path = document.getElementById("file").files[0].path
var mod_file_path = file_path + '#zoom=100'
$("#iframepdf").attr('src',mod_file_path)
$('#pdfRow').show()
});
</script>
CSS:
#pdfRow{
/* position:relative; */
height: 5000px;
width: 100%;
/* padding-bottom: 56.25%; */
}
#pdfCols{
width:100%!important;
display:inline-block;
float:none;
height: 100%;
/* height:1000px; */
}
#iframepdf{
/* display: block; */
z-index:-1;
position: absolute;
width:100%;
/* height:100%; */
height:5000px;
border:2px solid #ccc;
}
我尝试了很多更改CSS的操作,但是scrollHeight似乎从未反映出iframe中的实际内容。也许与电子有关?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。