android iFrame不滚动:在保持移动兼容性的同时,在客户端的Web页面上包含我们的"小部件"的做法是什么

sal*_*ers 2 embed iframe mobile android scroll

我们开发了SAAS预订申请.

作为此服务的一部分,我们为客户提供了一个"小部件",可嵌入其现有的网页中,以便客户预订.

我们已经将这个小部件实现为一个简单的iframe,到目前为止一直很好用.iFrame似乎是一个很好的解决方案,适用于桌面浏览器,iOS设备和一些Android手机,但我们得到报告,在一些Android设备上,iFrame不可滚动并导致用户问题.

我们希望尽可能兼容各种设备,以便我们开始思考,我们是否以正确的方式做到这一点......

我的问题是,iFrame是将这样的小部件包含到另一个网站的适当方式吗?或者,是否有更好的方法来实现相同的结果.

我的研究表明,Youtube,Facebook等似乎使用iFrame来实现这种功能.

也许iFrames是做到这一点的最佳方式,那些旧设备上的用户只需要接受不太完美的体验,或者可能有更好的方法让我们接近这个.

谢谢你的任何想法!

这是iframe:

<iframe src="http://salontastic.salonmonster.com/client/index.php?layout=2" width="100%" min-width="630px" style="min-height:600px;" scrolling="auto" frameborder="0"></iframe>
Run Code Online (Sandbox Code Playgroud)

我创建了一个jsfiddle来演示它的实际效果.

http://jsfiddle.net/6htuz/

luc*_*rio 5

我不同意......我也是开发人员,我在Android上遇到了很多关于iFrames的问题...目前,我正在使用带有Android 2.2.5股票浏览器的Toshiba Folio 100进行测试并在iFrames上滚动不起作用.我试过那个jsfiddle,我也不能滚动它!有人有解决这个问题的方法吗?我花了几天谷歌搜索并尝试了一千种不同的技巧,在浏览器和Dolphin HD上没有运气.在Opera Mobile和Firefox mobile中,它们开箱即用,但我需要保证完整的Android支持,即使使用股票浏览器:-(