由于是使用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>