IOS-iframe 嵌套某一个页面,点击跳转下一个页面不能操作页面中的任何事件
2017-09-25 14:10
609 查看
由于是使用banner,将活动详情页面展示 在项目中,就使用了iframe嵌套活动详情。
活动详情中有一个按钮可以跳转到另外一个页面。IOS系统中,
跳转之后,发现跳转的那个页面不能操作任何时间,后来发现是iframe标签中,overflow:scroll样式,影响到了下一个页面,就好像给下一个页面添加了一层玻璃。
<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>
活动详情中有一个按钮可以跳转到另外一个页面。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>
相关文章推荐
- javaweb当中通过点击一个按钮来触发事件进行制定页面的跳转操作
- IOS-oc中label标签添加点击事件并跳转页面
- 页面嵌套iframe后,点击里面的链接,然后父窗口跳转(子窗口控制父窗口的链接跳转)
- 退出后点击浏览器后退不能回到成功页面;直接进入页面和跳转进入页面样式不同;防止直接输入页面地址或servlet;当servlet跳servlet时,进行其他操作后后退出现错误!
- 点击iframe 中某页面的一个按钮实现跳转到iframe外面的窗体里面
- 解决Bootstrap一个页面弹出的模态框嵌套多个模态框时,样式混乱,按钮不能点击。
- iOS 点击一个页面上的按钮跳转到tabBar的另一个页面
- 微信页面 ios某个div点击事件无效其中一个解决方案
- iOS tabbar和navigation组合,点击item两次,会pop到上一个页面,解决不让控制器跳转的方法
- android中如何实现进入一个界面不做任何动作过10秒钟(有操作从新计时)自动跳转到待机activity,点击待机界面回到原来的界面
- 【代码笔记】点击搜索跳转到另外一个页面
- IOS 项目里面必要配置button 不能同时触发点击事件
- 页面使用iframe进行嵌套,关于如何实现,在子页面使整个页面跳转到其他页面
- ios 给不同按钮,动态绑定同一个点击事件,判断当前点击的按钮
- android web页面点击事件跳转至APP
- iphone 最近碰到的一个uibutton不能接收点击事件的问题
- JS 页面控件的操作、以及页面在一段时间内不操作就跳转、页面事件列表
- 拦截MENU按钮点击事件,让他无任何操作
- javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数
- 点击 a 标签触发事件而不跳转页面