Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 231638

Ion-scroll horizontal and zoom not working svg

$
0
0

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


Viewing all articles
Browse latest Browse all 231638

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>