Ion-scroll horizontal and zoom not working svg

@nadir_bertolasi wrote:

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

Posts: 1

Participants: 1

Read full topic