禁用页面滚动,但允许谷歌地图滚动

Disable page scroll but allow Google map scroll

本文关键字:滚动 谷歌地图      更新时间:2023-09-26

当我放入软件包时,我有一个使用 appmobi/xdk/appframework 的应用程序

它会在 iPhone 上禁用页面的垂直滚动。但是,它也禁用了页面上谷歌地图的滚动。关于如何重新启用地图滚动的任何想法?

只需在面板中添加滚动="否",如果您想为地图提供更多空间,只需在面板中添加 rolling="no"

<div id="main" class="panel" selected="true" scrolling="no" data-footer="none">
<!--If your are using the appmobi 3.4.0 platform -->
<div id="#pagetitle" title="Yourtitle" class="panel" scrolling="no">
<div id="map-google" style="overflow:visible;">

</div>
</div>
<!--If your are using the appmobi/intel XDK 4.0 platform-->
<div id="#pagetitle" title="Yourtitle" class="panel" style="overflow:hidden;">
<div id="map-google" style="overflow:visible;">
</div>
</div>

关键是在面板上添加style="overflow:hidden"

以下是appframework + google地图的示例代码:http://jsbin.com/UKaQetO/1/edit

适用于iPhone,Android和Windows Phone。