当我从移动设备浏览器访问网站时,滚动条无法在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;">×</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
,但这也无济于事。
有人可以帮助我解决问题吗?