按下按钮时,iframe闪烁/刷新

时间:2018-07-23 12:01:57

标签: html css asp.net .net iframe

我有一个非常奇怪的问题。我使用ASP.NET Webform,但IFRAME标签(内部pdf文件)有问题。当我按下按钮或从下拉列表中选择任何项目时,我的iframe处于刷新/闪烁状态,但是如果例如滚动pdf文档,则它仍在同一页面上。

enter image description here

enter image description here

<style>
    .myIframe {
        position: relative;
        padding-bottom: 65.25%;
        padding-top: 30px;
        height: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        border: solid black 1px;
        overflow: hidden;
    }

        .myIframe iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

    @media (min-width: 1199.98px) {
        .myIframe iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 700px;
            overflow: hidden;
        }

        .myIframe {
            position: relative;
            padding-bottom: 65.25%;
            padding-top: 30px;
            height: 700px;
            overflow: auto;
            /*-webkit-overflow-scrolling:touch;*/
            border: solid black 1px;
            overflow: hidden;
        }
    }
</style>
            <div class="myIframe">
                <iframe id="iframepdf" src="Images/Collection 2018.pdf"></iframe></div>

0 个答案:

没有答案