Search code examples
cssionic-frameworkangular-bootstrap

Display scroll in modal

I have app using angular-bootstrap and also ionicFramework. Problem is in angular-bootstrap $modal element. I want it has vertical scrollbar, but in ionic.css there are style:

::-webkit-scrollbar {
display: none;
}

and because of this there is no scrollbar in modal. I tried solve this problem in many ways, but now I am confused.

Solution

  • Try using the ion-scroll component inside your modal, instead. Example:

    <ion-scroll zooming="true" direction="xy" style="width:500px;height:500px">
  <!-- Put your content here -->
</ion-scroll>

    Reference: http://ionicframework.com/docs/api/directive/ionScroll/