Ionic 3 Hide Scrollbar in IOS device

Question

I have tried many thing to hide the scrollbar in IOS devices but it's keep re-appearing.

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

I come across this solution a lot but it's not solving my problem. Let me know if someone already fixed this.

please see this thread https://stackoverflow.com/questions/35952538/how-can-i-disable-or-hide-the-scrollbar-within-an-ionic-2-ion-content — Kalleshwar Kalshetty, Mar 28 '18 at 14:53

score 1 · Answer 1 · answered Mar 29 '18 at 08:23

1

Override the scroll-content, style

.scroll-content {
    overflow-y: hidden !important;                                          
}

and if you are trying to disable ion-list scroll you should try this

div.scroll-content {
    bottom: 0px !important;                                                   
}

answered Mar 29 '18 at 08:23

Prashant

1,375
2
14
22

Hidden also stops the Scrolling. Bottom: 0px; didn't work. I want to scroll but it shouldn't appear on the screen. – Meet Shah Apr 03 '18 at 12:08

Arj 1411 · Answer 2 · 2018-04-03T14:08:49.870

0

Hi try the following in your app.scss file

.scroll-content{
    overflow-y:hidden; // if you are trying to hide the vertical scroll
    //overflow:hidden ; will hide both horizontal and vertical scroll
}

Edit 1

scrollbar-y="false" on the <ion-content> Let me know your outcome

edited Apr 03 '18 at 14:08

answered Mar 29 '18 at 05:32

Arj 1411

1,395
3
14
36

Hidden also stops the Scrolling. I want to scroll but it shouldn't appear on the screen. In android works so smooth without having to write any css. – Meet Shah Apr 03 '18 at 12:07
So you want the scroll and don't want to show the thick scroll bar right? – Arj 1411 Apr 03 '18 at 14:07
Yes, in android that scroll is not visible but in ios it appear when scrolling. – Meet Shah Apr 04 '18 at 15:30

Ionic 3 Hide Scrollbar in IOS device

2 Answers2

Edit 1