Javascript 在Electron应用程序的iframe中找不到嵌入PDF的高度?ScrollHeight的值错误
我有一个动态iframe,它根据用户上传的内容嵌入不断变化的PDF。我需要根据内容的高度动态更改这些iframe的高度,以摆脱iframe滚动条。尽管文档有多长(滚动条有多长),scrollHeight始终与iframe元素的高度相同。我的应用程序有两个滚动条(一个用于整个应用程序,一个用于iframe) 当我尝试查看滚动高度时,我得到了错误的值Javascript 在Electron应用程序的iframe中找不到嵌入PDF的高度?ScrollHeight的值错误,javascript,html,css,iframe,electron,Javascript,Html,Css,Iframe,Electron,我有一个动态iframe,它根据用户上传的内容嵌入不断变化的PDF。我需要根据内容的高度动态更改这些iframe的高度,以摆脱iframe滚动条。尽管文档有多长(滚动条有多长),scrollHeight始终与iframe元素的高度相同。我的应用程序有两个滚动条(一个用于整个应用程序,一个用于iframe) 当我尝试查看滚动高度时,我得到了错误的值 > $('#iframepdf')[0].contentWindow.document.documentElement.scrollHei
> $('#iframepdf')[0].contentWindow.document.documentElement.scrollHeight
< 4996
> $('#iframepdf')[0].contentWindow.document.body.scrollHeight
< 0
我尝试过修改CSS,但是scrollHeight似乎从来没有反映出iframe中的实际内容。也许它和电子有关
<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>
<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>
#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;
}