# Hide scrollbar of ion-content in ionic2

**URL:** <https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599>\
**Category:** ionic-v3\
**Created:** [April 24, 2017, 8:18am UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599 "2017-04-24T08:18:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![nik2nik](https://avatars.discourse-cdn.com/v4/letter/n/c6cbf5/32.png) [@nik2nik](https://forum.ionicframework.com/u/nik2nik)\
**Post date:** [April 24, 2017, 8:18am UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/1 "2017-04-24T08:18:56Z")

</div>

I’ve kept a div outside of my ion-content. This div is to be displayed at the right of the ion-content. The content in ion-content is scrollable. In android the scrollbar is hidden by default but in IOS it’s visible. I tried to set overflow-y:auto on .scroll-content class but it doesn’t work. Is there any trick to hide it but keep the scrollable feature.

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [April 24, 2017, 9:15am UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/2 "2017-04-24T09:15:27Z")

</div>

From your description I cannot really picture what you are building. Can you post a screenshot or drawing?

---

<div class="post-metadata">

**Author:** ![nik2nik](https://avatars.discourse-cdn.com/v4/letter/n/c6cbf5/32.png) [@nik2nik](https://forum.ionicframework.com/u/nik2nik)\
**Post date:** [April 24, 2017, 1:56pm UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/4 "2017-04-24T13:56:43Z")

</div>

Could you pls help me in this issue

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [April 24, 2017, 1:59pm UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/5 "2017-04-24T13:59:04Z")

</div>

If I could, I would answer your post. I have no idea how to do this.  
But now at least someone else might have an idea because he actually knows what this looks like what you built.  
(Some code might actually improve the chances to get this solved even more)

---

<div class="post-metadata">

**Author:** ![nik2nik](https://avatars.discourse-cdn.com/v4/letter/n/c6cbf5/32.png) [@nik2nik](https://forum.ionicframework.com/u/nik2nik)\
**Post date:** [April 24, 2017, 2:41pm UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/6 "2017-04-24T14:41:11Z")

</div>

Thanks. I hope someone does help me

---

<div class="post-metadata">

**Author:** ![nik2nik](https://avatars.discourse-cdn.com/v4/letter/n/c6cbf5/32.png) [@nik2nik](https://forum.ionicframework.com/u/nik2nik)\
**Post date:** [April 25, 2017, 7:59am UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/7 "2017-04-25T07:59:50Z")

</div>

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

worked fine for me

---

<div class="post-metadata">

**Author:** ![Gabelopment](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/gabelopment/32/112945_2.png) [@Gabelopment](https://forum.ionicframework.com/u/Gabelopment)\
**Post date:** [September 3, 2017, 1:42am UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/8 "2017-09-03T01:42:14Z")

</div>

Works great for me! Thanks!

---

<div class="post-metadata">

**Author:** ![udamadu](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/udamadu/32/120797_2.png) [@udamadu](https://forum.ionicframework.com/u/udamadu)\
**Post date:** [August 3, 2018, 5:20am UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/9 "2018-08-03T05:20:00Z")

</div>

Worked for me. :). Thank you.

---

<div class="post-metadata">

**Author:** ![AkshBhardwaj](https://avatars.discourse-cdn.com/v4/letter/a/ecb155/32.png) [@AkshBhardwaj](https://forum.ionicframework.com/u/AkshBhardwaj)\
**Post date:** [September 2, 2018, 6:58pm UTC](https://forum.ionicframework.com/t/hide-scrollbar-of-ion-content-in-ionic2/87599/10 "2018-09-02T18:58:47Z")

</div>

Works great for me also.  
Thank you so much.