Ion-scroll horizontal and zoom not working svg


#1

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