当页面中包含 iframe 时，Kendo 移动滚动不起作用答案

【问题标题】：Kendo mobile scrolling doesn't work when page includes iframe in it当页面中包含 iframe 时，Kendo 移动滚动不起作用
【发布时间】：2013-05-15 05:45:43
【问题描述】：

我在我的应用程序中使用 Kendo Mobile，当页面中包含一些 iframe（在我的情况下为 youtube 视频）时，它似乎有问题。滚动在任何地方都可以正常工作，除非用户在滚动期间点击 iframe。

new kendo.mobile.Application();

这里是Jsfiddle 示例。

您可以使用this 链接测试您的移动设备（我已经用 iPhone 4 测试过）的问题。

【问题讨论】：

各位，请不要使用拉丁字母

标签： javascript iframe scroll kendo-ui kendo-mobile

【解决方案1】：

这就是它的工作方式 - iframe 旨在将事件吞没在它们之上 - 这意味着 iframe 上的每次触摸都由其中的页面而不是周围的文档处理。一种可能的解决方案可能是您在 iframe 顶部放置一个叠加层，从而捕获其上方的所有事件并手动过滤它们（自己在 iframe 中的适当位置触发它们）。

另一种可能性是完全避免使用 iframe。

【讨论】：