question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic / hide scrollbar iOS

See original GitHub issue

Hi 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. 8bufb 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:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:11

github_iconTop GitHub Comments

7reactions
PriimeTimecommented, Jan 21, 2020

Unfortunately none of the solutions you posted works as of 21st Jan 2020

5reactions
adils-oslometcommented, Dec 17, 2018

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; }

Read more comments on GitHub >

github_iconTop Results From Across the Web

Ionic 4: how to hide ScrollBar in ion-content
Because of Ionic use shadow DOM for ion-content, should disable scroll in element on shadow DOM and after that make ion-content his own ......
Read more >
[Ionic 5] Hide scrollbar on ion-content
Hello,. I find it impossible to hide the webkit scrollbar on ion-content. I've used pretty much every possible combination of
Read more >
Hiding Scrollbar on ion-content -> underlining issues : r/ionic
The post here offers the solution of the starting issue, which is to remove the scrollbar. This does work and do what I...
Read more >
CSS : Ionic 4: how to hide ScrollBar in ion-content - YouTube
CSS : Ionic 4: how to hide ScrollBar in ion -content [ Beautify Your Computer : https://www.hows.tech/p/recommended.html ] CSS : Ionic 4: how ......
Read more >
[Ionic 5] Hide scrollbar on ion-content - Ionic Forum
I find it impossible to hide the webkit scrollbar on ion-content. I've used pretty much every possible combination of ::-webkit-scrollbar { display: none ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found