当页面包含iframe时,Kendo移动滚动功能不起作用

时间:2013-05-20 15:53:55

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

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

new kendo.mobile.Application();

以下是Jsfiddle示例。

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

1 个答案:

答案 0 :(得分:2)

这就是它应该如何工作 - iframe被设计为在它们之上吞下事件 - 这意味着iframe上的每一次触摸都是由它内部的页面而不是周围文档处理的。一种可能的解决方案是将覆盖层放置在iframe顶部,从而捕获其上方的所有事件并手动过滤它们(在适当位置的iframe内部自行触发)。

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