禁用页面滚动并允许Google在AppFramework2.1中使用启用的af.scrolling插件滚动

Question

我尝试过这个解决方案：Disable page scroll but allow Google map scroll

但是，只有当我将appframework的插件库完全排除在我的应用程序之外时，它才能起作用。如果我添加插件，我可以防止滚动使用

style="overflow:hidden"

但我不能在mashup中移动地图。下面是一个例子

http://jsbin.com/mediqelo/1/edit?html,output

删除

<script src="https://raw.githubusercontent.com/01org/appframework/master/build/af.plugins.min.js"></script>

很管用，但对我来说不是选择。在使用插件库时，是否存在在实际应用框架中使用谷歌地图的技巧？

Answer 1

在创建了一个问题并与开发人员进行了简短的讨论之后，我遇到了问题。(https://github.com/01org/appframework/issues/699)

1) appframework.ui.min.js包含大量插件，但不包含af.desktopBrowsers插件。如果不添加此插件，滚动将无法在桌面浏览器中工作。这个插件冻结了Google mashup。开发人员似乎不觉得这有什么问题，因为Chrome不是目标平台(我也不担心)。

2)在Windows 8中，由于将mspointer映射为触摸事件，因此需要(奇怪) af.desktopBrowsers。但是在这个平台上，Google与af.desktopBrowsers (yippie!)一起工作。

如果需要的话，appframework厨房水槽应用程序有一个小片段来加载af.deskopBrowser：

if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
    var script = document.createElement("script");
    script.src = "plugins/af.desktopBrowsers.js";
    var tag = $("head").append(script);
}

Answer 2

appframework.ui.min.js脚本文件已经包含了大部分插件(af.scroller等)，所以您不需要af.plugins.js。

下面是包含在appframework.ui.min.js：https://github.com/01org/appframework/blob/master/Gruntfile.js#L132中的插件列表

因此，您所看到的错误可能是由包含插件2次造成的。

如果您想要其他缺少的插件，可以从这个位置包含单独的插件：https://github.com/01org/appframework/tree/master/plugins，(af.slidemenu和af.desktopBrowsers是appframework.ui.min.js中缺少的插件)