# How To Hide Scrollbar while Scroll Enabled Using CSS

**URL:** <https://forum.inductiveautomation.com/t/how-to-hide-scrollbar-while-scroll-enabled-using-css/34597>\
**Category:** Ignition Early Access\
**Created:** [May 9, 2020, 10:58am UTC](https://forum.inductiveautomation.com/t/how-to-hide-scrollbar-while-scroll-enabled-using-css/34597 "2020-05-09T10:58:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 9, 2020, 10:58am UTC](https://forum.inductiveautomation.com/t/how-to-hide-scrollbar-while-scroll-enabled-using-css/34597/1 "2020-05-09T10:58:02Z")

</div>

Hi  
I want to hide scrollbar while user can scroll object. There are some CSS trick to do that but require -webkit which is not support by perspective inline CSS.  
Also make scrollbar thinner is good for me.  
Thanks for any help.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 9, 2020, 3:06pm UTC](https://forum.inductiveautomation.com/t/how-to-hide-scrollbar-while-scroll-enabled-using-css/34597/2 "2020-05-09T15:06:05Z")

</div>

As following image shows most of the component when overflow and display scrollbar there will appear some empty space on top of them.

 ![Untitled](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/0084bbaa45d008e531a28897da44504fe71cc19b.png)

There is no way to get it by style so I only have to some how hide scroll or thin it.