Hi everybody,
I'm new in Ionic and I'm trying to implement a very basic view as the one in the example of ion-scroll http://ionicframework.com/docs/api/directive/ionScroll/
The Only difference I have is that I'm working with an svg image that I want to extend as full cover bg. Here My code:
Index.html
<ion-tab ui-sref="comoMap" ui-sref="#/comoMap">
<ion-nav-view name="comoMap"></ion-nav-view>
</ion-tab>
comoMap.html
<ion-view title="ComoMap"><ion-scroll zooming="true" direction="x" style="width: 100%; height: 100%">
<div class="bg-comoMap"></div>
</ion-scroll>
</ion-view>
css for div
.bg-comoMap{
width: 5000px;
height: 5000px;
background: url('../img/mappa.jpg') no-repeat center;
background-size: cover;
}
I have two problems:
1) I can scroll the image only in vertical dimension (y), the horizontal seems blocked
2) Pintch to zoom doesn't work at all
Anyone can give me an help?
Thank you
Nadir