Ionic / hide scrollbar iOS
See original GitHub issueHi guys, I used ionic with this fantastic virtual scroll.
I’ve a issue with iOS, i don’t know how to hide the vertical scrollbar. In all the other pages I do not see it, only here where it’s angular2-virtual-scroll.
This’s my source code:
list.ts
<ion-content #content (ionScroll)="onContentScroll($event)" no-bounce> <ion-refresher (ionRefresh)="doRefresh($event)"> <ion-refresher-content></ion-refresher-content></ion-refresher> <virtual-scroll #virtualScroll class="resort-details-list sumbrella-list" [items]="sunbrellaData" [bufferAmount]="50" childHeight="190" [parentScroll]="content && content._elementRef.nativeElement.querySelector('.scroll-content')"> <sunbrellas *ngFor="let sunbrella of sunbrellaData" [sunbrellaData]="sunbrella" (onClick)="goToResortInfoPage($event)" [searchSunbrella]="isSearchSunbrella"></sunbrellas> </virtual-scroll> </ion-content>
list.scss
.scroll-content { overflow-y: auto !important; }
Can you help me please?
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:11
Top GitHub Comments
Unfortunately none of the solutions you posted works as of 21st Jan 2020
Hi @andreandev, Add this to your app/app.scss . It will disappear whole app. If you want to specific page, just add this code your page’s scss file. I suggest to you don’t open topic before google searching.
::-webkit-scrollbar, *::-webkit-scrollbar { display: none; }