Content that has allows scrolling AND has google maps - is this possible?


#1

Hi, I have a partial that renders Google Maps in a div. This works perfectly if i set the content to have scroll=false but doesn’t display when i set scroll=true.
Id like scrolling enabled so that the content under the map can be seen on smaller screens.
Is this possible?


#2

Hey @georgik, I’m not qutie sure what you mean. Do you have a screenshot or demo we can see?

Thanks.


#3

Sure, take the Ionic map example: https://github.com/driftyco/ionic/blob/master/examples/starters/map/index.html

<content has-header="true" has-footer="true" scroll="false">
  <div id="map"></div>
</content>

If you set scroll=“true” above then it won’t work. But i have a map on a partial that has quite a bit of content below it that spills off the screen for smaller devices, so id like to be able to scroll. Is this possible?