1. 程式人生 > >ios 不支持iframe 解決方案

ios 不支持iframe 解決方案

hid src viewbag shee 代碼 over ntb end order

在iframe外層在包一層,通過appendChild()把內容增加到容器中,完整代碼如下:

 1 @section Css
 2     {
 3     <link href="@ViewHelper.Content("/Content/css/mobiscroll.css")" rel="stylesheet" type="text/css" />
 4     <link href="@ViewHelper.Content("/Content/css/common.css")" rel="stylesheet" />
 5 }
 6 <style>
7 .frame { 8 margin-top: 55px; 9 padding: 10px; 10 height: 90vh; 11 width: 100vw; 12 border: none; 13 } 14 </style> 15 <div id="iframe-box"> 16 <iframe id="ifram" class="frame" width="420" height="330" src="@ViewBag.PathUrl.Replace("http://","https://")"></iframe>
17 </div> 18 @section Js{ 19 <script> 20 var ifram = document.getElementById(‘ifram‘); 21 if (navigator.userAgent.match(/iPad|iPhone/i)) { 22 var iframe_box = document.getElementById(‘iframe-box‘); 23 iframe_box.style.width = 100 + ‘%‘; 24 iframe_box.style.overflowX = ‘hidden‘;
25 iframe_box.style.overflowY = ‘scroll‘; 26 iframe_box.style.webkitOverflowScrolling = ‘touch‘; 27 ifram.setAttribute(‘scrolling‘, ‘no‘); 28 iframe_box.appendChild(ifram); 29 } 30 </script> 31 }

ios 不支持iframe 解決方案