android iFrame 不滚动 : what are practices to include our "widget" on client's Web pages while maintaining mobile compatibility

Question

我们开发了一个 SAAS 预订应用程序。

作为这项服务的一部分，我们为客户提供一个“小工具”，嵌入到他们现有的网页中，允许客户进行预订。

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

我们希望尽可能地跨设备兼容，所以我们开始思考，我们这样做的方式是否正确......

我的问题是，iFrame 是否适合将这样的小部件包含到另一个站点中？或者，是否有更好的方法可以达到同样的效果。

我的研究表明 Youtube、Facebook 等似乎使用 iFrame 来实现此类功能。

也许 iFrame 是实现此目的的最佳方式，而那些使用旧版 Android 设备的用户将不得不接受不那么完美的体验，或者我们可能有更好的方法来解决这个问题。

感谢您的任何想法!

这是 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>

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

http://jsfiddle.net/6htuz/

Answer 1

我不同意...我也是一名开发人员，我在 Android 上使用 iFrame 时遇到很多问题...目前，我正在使用装有 Android 2.2 的 Toshiba Folio 100 进行测试。 5 库存浏览器和在 iFrame 上滚动不起作用。我试过那个 jsfiddle，但我也无法滚动它!有人能解决这个问题吗？我花了几天时间在谷歌上搜索并尝试了上千种不同的技巧，但在股票浏览器和 Dolphin HD 上都没有运气。在 Opera Mobile 和 Firefox mobile 中，它们开箱即用，但我需要保证即使使用普通浏览器也能完全支持 Android :-(