Hi everybody,
I have a problem with white screen.
on my iPhone when touch on left align of device and touch move to right I get white screen. Please can someone help to fix this.
Here my code:
’< ion-nav-bar class=“bar-positive”>
< ion-nav-back-button>
< /ion-nav-back-button>
< /ion-nav-bar>
< ion-nav-view></ion-nav-view>
<script id="templates/tabs.html" type="text/ng-template">
<ion-tabs class="tabs-icon-top tabs-positive">
<ion-tab title="Home" icon="ion-home" href="#/tab/home">
<ion-nav-view name="home-tab"></ion-nav-view>
</ion-tab>
</ion-tabs>
</script>
<script id="templates/home.html" type="text/ng-template">
<ion-view>
<ion-content scroll="false" class="padding home-content">
<div class="logo">
<img src="{{path}}logo_page1.png" title="" alt=""/>
</div>
<div class="main-container" ng-style="{lineHeight:height}">
Downloading...
<div class="percent">
<div class="percent-bg"></div>
</div>
<div class="contents"></div>
</div>
<div class="objects">
<a ng-repeat="category in categories" ng-click="stopMedia()" class="object{{$first ? ' is-first' : ''}}{{$last ? ' is-last' : ''}}" data-category="{{category.id}}" href="#/tab/liveshow/{{category.id}}">
<img src="{{category.image_name}}" ng-if="$first" title="" alt="" />
<img src="{{category.image_name}}" ng-if="!$first" title="" alt=""/>
</a>
</div>
</ion-content>
</ion-view>
</script>
<script id="templates/liveshow.html" type="text/ng-template">
<ion-view>
<ion-content scroll="false" class="padding animal-content">
<a class="back-to-home" href="#/tab/home" ng-click="playMedia()"><img src="{{path}}home_button.png"/></a>
<a class="on-off-sound">
<img class="sound-control sound-off show" src="{{path}}sound_OFF.png" ng-click="onoffSound('.sound-on','.sound-off',true)"/>
<img class="sound-control sound-on hidden" src="{{path}}sound_ON.png" ng-click="onoffSound('.sound-off','.sound-on',false)"/>
</a>
<ion-list class="animal-list">
<ion-item ng-repeat="item in contents" ng-click="play($event)" scale-animation
on-swipe-left="onSwipeLeft({{$index}}, {{contents.length}})"
on-swipe-right="onSwipeRight({{$index}}, {{contents.length}})"
data-src="{{item.sound}}" class="item animal-item clickable {{defaultItem.id == item.id ? 'current' : ''}} slide-able"
data-index="{{$index}}" data-total="{{contents.length}}" ng-style="{lineHeight:lineHeight}">
<img src="{{item.image_name}}"/>
</ion-item>
</ion-list>
<div class="logo-footer">
<img src="{{path}}logo_page2.png"/>
</div>
</ion-content>
</ion-view>
</script>
'
Thanks