在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></div></div>
2、Iframe滑動到底部閃爍現象解決辦法:在iframe頁面加載完成後,獲取加載的外部鏈接的body高度設置Iframe的高度
var homepageIframe = document.getElementById("homepageIframe"); homepageIframe.onload = function () { var iframeHeight = $("#homepageIframe").contents().find("body").height(); $("#homepageIframe").height(iframeHeight); };