在IOS端的Iframe頁面,src爲外部鏈接時,頁面向下滑動會出現閃動現象。
當滑動到中部或者下部時會突然跳轉到頁面頂部。
1、Iframe不能滑動解決辦法:Iframe外層包裹一層DIV,設置-webkit-overflow-scrolling:touch;overflow:auto;
<div style="height:100%;-webkit-overflow-scrolling:touch;overflow:auto">
<iframe id="homepageIframe" sandbox="allow-scripts" ng-src="{{vm.paySrc}}" class="has-header" style="min-width:100%;max-width:100%;height:100%;width: 100%;"
></iframe>
<div>
2、Iframe滑動到底部閃爍現象解決辦法:在iframe頁面加載完成後,獲取加載的外部鏈接的body高度設置Iframe的高度
var homepageIframe = document.getElementById("homepageIframe");
homepageIframe.onload = function () {
var iframeHeight = $("#homepageIframe").contents().find("body").height();
$("#homepageIframe").height(iframeHeight);
};