1

我试过这个解决方案:禁用页面滚动但允许谷歌地图滚动

但只有当我完全将 appframework 的插件库从我的应用程序中移除时它才有效。如果我添加插件,我可以防止滚动

style="overflow:hidden"

但我无法在混搭中移动地图。这是一个例子

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

消除

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

工作,但不是我的选择。在使用插件库时,在实际的 appframework 中使用谷歌地图有技巧吗?

4

2 回答 2

0

appframework.ui.min.js脚本文件已经包含了大部分插件(af.scroller 和更多),所以你不需要 af.plugins.js。

以下是包含在的插件列表appframework.ui.min.jshttps ://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

于 2014-05-30T01:10:21.693 回答
0

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

1) appframework.ui.min.js 包含很多插件,但不包含 af.desktopBrowsers 插件。如果不添加此插件,滚动将无法在桌面浏览器中使用。这个插件冻结了谷歌地图混搭。开发人员似乎没有看到这个问题,因为 Chrome 不是目标平台(我也不担心)。

2)在 Windows Phone 8 中,由于将 mspointer 事件映射到触摸事件,因此需要 af.desktopBrowsers(奇怪)。但是在这个平台上,谷歌地图可以与 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);
}
于 2014-06-04T06:54:20.920 回答