swiper iframe滑动无法滑动

来源：蜘蛛抓取(WebSpider) 时间：2015-05-06 02:54 标签： iframe 滑动失效
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
测试环境:IOS
移动端 主体页面
需要被引入的 iframe 页面
测试反馈：
iframe 的 src 链接的页面b是一个列表页，b 页面下拉到底部时会 ajax 请求加载下一页列表数据。
现在在 IOS 上，发现在 a 上滚动时不会触发 b上的 window.onscroll 事件（b 页面上绑定有 window.onscroll 事件来监听是否页面拉到底部了）
这里是代码截图：
b 页面是线上的页面，我无法修改，只能修改 a 页面上得代码。
请问各位大大，这个问题有什么解决办法吗？多谢各位！！
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
A页面滚动，其实是滚动的A页面的滚动条，B页面这个时候应该没有出现滚动条吧。
ps:iframe在手机中问题多多，之前我们项目中也遇到iframe的各种问题，后来果断弃用iframe
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
iframe 在移动端好多 bug ,弃用吧 ,确实有一个不能滚动的 bug. ios/anriod 下都有. (不同的版本还有区别)
建议不要在移动端用.
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
请问楼主这个问题解决了吗？我现在项目也遇到了这个问题
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：iframe在ios浏览器不能滑动
在iframe的父容器添加如下css样式：
-webkit-overflow-scrolling:overflow:
对于安卓低于4.0版本的浏览器不支持overflow的问题，可使用如下js解决（对uc无效）:
function touchScroll(id) {
&&&&&&&&&&&&&&&&var
el = document.getElementByIdx_x(id);
&&&&&&&&&&&&&&&
var scrollStartPos = 0;
&&&&&&&&&&&&&&&
document.getElementByIdx_x(id).addEventListener("touchstart", function
&&&&&&&&&&&&&&&&&&&
scrollStartPos = this.scrollTop + event.touches[0].pageY;
&&&&&&&&&&&&&&&&&&&
event.preventDefault();
&&&&&&&&&&&&&&&
}, false);
&&&&&&&&&&&&&&&
document.getElementByIdx_x(id).addEventListener("touchmove", function
&&&&&&&&&&&&&&&&&&&
this.scrollTop = scrollStartPos - event.touches[0].pageY;
&&&&&&&&&&&&&&&&&&&
event.preventDefault();
&&&&&&&&&&&&&&&
}, false);
&&&&&&&&&&&&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。您需要登录后才可以操作 |
该用户从未签到
关于跨域Iframe无法滑动的问题
这绝对是一个bug,旋转一下屏幕就可以正常滑动,
跨域iframe在安卓4.0版本以上会出现这个问题,因为内容是动态添加的,比如聚划算会用JS创建DOM,导致在网页加载完成后,iframe会出现诡异的无法滑动
希望得到答复.
该用户从未签到
自己顶起来,忘答复
该用户从未签到
感觉iframe里有一个参数可以限制滑动。。。。。。
iframeObject.scrolling=auto|yes|no
该用户从未签到
不吸烟 发表于
感觉iframe里有一个参数可以限制滑动。。。。。。
iframeObject.scrolling=auto|yes|no
静态内容没有任何问题,问题出现在动态内容
该用户从未签到
day day up
TA的每日心情开心 22:19签到天数: 2 天连续签到: 1 天[LV.1]初来乍到
Zero-Yan 发表于
day day up
您好，先试着用系统浏览器访问一下这个页面看看如何
AppCan官方微信00:53 提问
iframe 嵌套frameset，无法滚动
&!DOCTYPE html&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head runat="server"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"/&
&title&&/title&
This is top
&!DOCTYPE html&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head runat="server"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&&/title&
&p style="background-color: width: 100%; height: 400"&Demo&/p&
&p style="background-color: width: 100%; height: 400"&Demo2&/p&
&p style="background-color: width: 100%; height: 400"&Demo3&/p&
&p style="background-color: width: 100%; height: 400"&Demo4&/p&
default.html
&frameset id="frame" rows="200,*,100" border="0"&
&frame src="top.html" id="frameTop" noresize scrolling="no"/&
&frame src="Main.html" id="frameMain" noresize scrolling="no"/&
&noframes&
&p&This page uses frames, but your browser doesn't support them.&/p&
&/noframes&
&/frameset&
index.html，去除default.html中frameset中frame中的滚动条，显示整体滚动条
&!DOCTYPE html&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head runat="server"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"/&
&title&frameset滚动&/title&
&body onmousewheel="top.document.body.scrollTop-=event.wheelDelta"&
&iframe src="default.html" id="iframe" noresize scrolling="no" frameborder="0" style="height:2400width:100%;"/&
然后所有页面滚动在IE 8下都没有效果了，Chrome下是可以滚动的
知道的大神，帮帮忙3983人阅读
举例： easyui panel layer
多数的配置是 iframe : true 或者 iframeScrolling:true ,但是设置后滚动条仍然失灵
解决办法，在iframe页面 中加入框架DIV style设置为 width=100%;height=100%;overflow:
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：125820次
积分：1748
积分：1748
排名：千里之外
原创：47篇
评论：13条
(1)(1)(1)(1)(1)(3)(1)(1)(3)(1)(1)(3)(1)(2)(4)(3)(2)(1)(4)(2)(2)(1)(1)(1)(1)(2)(2)(4)

我要回帖

更多关于 iframe 滑动失效 的文章

 

随机推荐