由於是使用banner,將活動詳情頁面展示 在項目中,就使用了iframe嵌套活動詳情。
活動詳情中有一個按鈕可以跳轉到另外一個頁面。IOS系統中,
跳轉之後,發現跳轉的那個頁面不能操作任何時間,後來發現是iframe標籤中,overflow:scroll樣式,影響到了下一個頁面,就好像給下一個頁面添加了一層玻璃。
var iframe = window.document.querySelector("iframe");
var strUrl = curData.URL;
iframe.setAttribute("src",strUrl);
<div style="height: 100%;overflow: scroll;-webkit-overflow-scrolling : touch;">
<div style="background-color: #ff2a58;">
<img style="width:100%;" src="img/title1.png">
<img style="width:100%;" src="img/title2.png">
<img style="width:100%;padding-bottom: 1.6rem;" src="img/body.png">
</div>
</div>