CODEWITHSUNDEEP
javascripthtmlgoogle-mapsappmobiappframework
DasBeasto
DasBeasto

Reputation: 2272

Disable page scroll but allow Google map scroll

I have an app using appmobi/xdk/appframework when I put in the package

It disables the scrollinf of the page vertically on the iPhone. However, it also disables the scrolling of the Google map on the page. Any ideas on how to re-enable the map scrolling?

Upvotes: 0

Views: 1300

Answers (3)

luiscarlostic
luiscarlostic

Reputation: 1246

Just add scrolling="no" in your panel and data-footer="none" if u want more space for map

<div id="main" class="panel" selected="true" scrolling="no" data-footer="none">

Upvotes: 2

krisrak
krisrak

Reputation: 12952

the key is to add style="overflow:hidden" on your panel.

Here is sample code with appframework + google maps: http://jsbin.com/UKaQetO/1/edit

works on iphone,android and windows phone.

Upvotes: 0

inspiredMichael
inspiredMichael

Reputation: 388

<!--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>

Upvotes: 1

Related Questions