Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Electron应用程序的iframe中找不到嵌入PDF的高度?ScrollHeight的值错误_Javascript_Html_Css_Iframe_Electron - Fatal编程技术网

Javascript 在Electron应用程序的iframe中找不到嵌入PDF的高度?ScrollHeight的值错误

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

我有一个动态iframe,它根据用户上传的内容嵌入不断变化的PDF。我需要根据内容的高度动态更改这些iframe的高度,以摆脱iframe滚动条。尽管文档有多长(滚动条有多长),scrollHeight始终与iframe元素的高度相同。我的应用程序有两个滚动条(一个用于整个应用程序,一个用于iframe)

当我尝试查看滚动高度时,我得到了错误的值

>    $('#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;
}