iframe 内容在 ios(safari/wechat)下不滚动

563 阅读1分钟

困扰了好几天的郁闷问题。

场景:

iframe 沙箱模式sandbox下填充 dom 内容,之后需要控制iframe内容触发相应事件,当然这里主要问题是 scroll 事件在 ios 下始终无法触发。

怀疑人生阶段:

开始始终在怀疑是不是沙箱模式下的兼容问题等等...

chrome开发模式下毫无问题,fireFox 同样正常,只在 ios 下出现iframe始终无法触发滚动监听,但是,我明明记得在改这版功能前是好的。

瞎比谷白了一番,好像全网都在说是ios下的这个问题,都是一个这样的答案。

image.png

虽然完全质疑但是还是试了各种类似的版本,当然结果也是完全无效~

IOS 最近版本内核的更新应该是已经修复了上面的问题,但是全网答案一致,,,简直无解。

无限回忆

总觉得不对劲,因为以前版本是正常的,在吃了一个蛋黄酥之后我终于找到一个大坑~~

ios iframe 在初始化没有设置 scrollingno 时所有一切都正常,可以再设置为 no / auto 中随意切换。

一旦初始化 iframe 时设置了 scrolling='no'ios 下及时动态改回 auto / yes 永远不会生效。。。对的只有ios, 来不及了,困了 我把两个例子放上,

默认设置了 scrolling = 'no' IOS下不正常的例子

默认没设置 IOS正常的例子

遇到类似问题的看下是不是 match 到了,后面补充具体官方 issue。