你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> IOS Ionic Iframe 頁面會閃爍問題

IOS Ionic Iframe 頁面會閃爍問題

編輯:IOS開發綜合

在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); 
};


 

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved