Hello everyone,
While having native scrolling i can’t scroll my side menu, although it works fine with js scrolling.
Any idea why this happens?
Video with the problem:
Menu Code:
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-bar class="bar-stable" >
<ion-nav-back-button style="color:black;">
</ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" style="color:black;" menu-toggle="left">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent" ></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-header-bar class="bar-stable menubar" align-title="center" style="height:80px; background-color:#fafafa">
test
</ion-header-bar>
<ion-content style="padding-top:35px;">
<div class="list"> <!-- Also tried without it-->
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/home">
<i class="icon ion-home" style="font-weight: bold;"></i>Ínicio
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/events">
<i class="icon ion-calendar" style="font-weight: bold;"></i>Agenda
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/canteen">
<i class="icon ion-wineglass" style="font-weight: bold;"></i>Ementa - ITAU
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/curriculars">
<i class="icon ion-university" style="font-weight: bold;"></i>Minhas U.C.
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/myteachers">
<i class="icon ion-person" style="font-weight: bold;"></i>Meus Professores
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/mytickets">
<i class="icon ion-person-stalker" style="font-weight: bold;"></i>Senhas Secretaria
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/map/markers">
<i class="icon ion-ios-navigate" style="font-weight: bold;"></i>Mapa
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/transports">
<i class="icon ion-android-bicycle" style="font-weight: bold;"></i>Transportes
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/settings">
<i class="icon ion-gear-a" style="font-weight: bold;"></i>Definições
</ion-item>
<ion-item class="item-icon-left" ng-show="name !== undefined" nav-clear menu-close ng-click="logoff()">
<i class="icon ion-android-exit" style="font-weight: bold;"></i>Desligar Sessão
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/home">
<i class="icon ion-home" style="font-weight: bold;"></i>Ínicio
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/events">
<i class="icon ion-calendar" style="font-weight: bold;"></i>Agenda
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/canteen">
<i class="icon ion-wineglass" style="font-weight: bold;"></i>Ementa - ITAU
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/curriculars">
<i class="icon ion-university" style="font-weight: bold;"></i>Minhas U.C.
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/myteachers">
<i class="icon ion-person" style="font-weight: bold;"></i>Meus Professores
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/mytickets">
<i class="icon ion-person-stalker" style="font-weight: bold;"></i>Senhas Secretaria
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/map/markers">
<i class="icon ion-ios-navigate" style="font-weight: bold;"></i>Mapa
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/transports">
<i class="icon ion-android-bicycle" style="font-weight: bold;"></i>Transportes
</ion-item>
<ion-item class="item-icon-left" nav-clear menu-close href="#/app/settings">
<i class="icon ion-gear-a" style="font-weight: bold;"></i>Definições
</ion-item>
<ion-item class="item-icon-left" ng-show="name !== undefined" nav-clear menu-close ng-click="logoff()">
<i class="icon ion-android-exit" style="font-weight: bold;"></i>Desligar Sessão
</ion-item>
</div>
</ion-content>
</ion-side-menu>
</ion-side-menus>
Thanks in advance