Question

当我从移动设备浏览器访问网站时，滚动条无法在iframe上使用。在我的笔记本电脑上可以正常工作。

这是我的html：

<div style="align: center; position:relative;">
<div class="modal-header" style="background-color: transparent;position:absolute;top:0;right: 0;border: 0px;">
    <button type="button" class="close" ng-click="cancel()">
        <span aria-hidden="true" style="color:#868686;">&times;</span>
        <span class="sr-only">Close</span>
    </button>
    <!--<h3 class="modal-title">Acquire Documents</h3>-->
</div>
<iframe id="vault" ng-src="{{iframeUrl}}" style="z-index: 1000; -webkit-overflow-scrolling: touch  !important; width: 100%; overflow: scroll; height: 700px;  padding-right: 15px" target="_parent" scrolling="yes" frameBorder="0" ></iframe>
<shoebox-loader backdrop="true" loading="showLoading"></shoebox-loader>

我尝试了iFrame scrolling not working on iOS devices中的建议，但没有帮助。

我也尝试为iframe设置position: absolute，但这也无济于事。

有人可以帮助我解决问题吗？

无法在移动设备上滚动iFrame

0 个答案: