# Hide scrolling bar

**URL:** <https://forum.readymag.com/t/hide-scrolling-bar/1948>\
**Category:** Custom code\
**Created:** [September 12, 2023, 3:07am UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948 "2023-09-12T03:07:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marcela\_Magana](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/marcela_magana/32/231_2.png) [@Marcela\_Magana](https://forum.readymag.com/u/Marcela_Magana)\
**Post date:** [September 12, 2023, 3:07am UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948/1 "2023-09-12T03:07:43Z")

</div>

Hi guys! does anyone knows how i can hide the scroll bar? i tried this code but it didn’t worked ☹  
.html::-webkit-scrollbar {  
width: 0px;  
}  
.html {  
scrollbar-width: none;  
-ms-overflow-style: none;  
}

Thank you!

[Captura de pantalla 2023-09-11 a la(s) 20.56.46|87x499](https://forum.readymag.com/uploads/short-url/82W9lo6GKJIAT7GbDOq2nhydUgc.png)

---

<div class="post-metadata">

**Author:** ![Eidio](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/eidio/32/1333_2.png) [@Eidio](https://forum.readymag.com/u/Eidio)\
**Post date:** [September 14, 2023, 6:20pm UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948/2 "2023-09-14T18:20:36Z")

</div>

bro whats your code you wanna recycle but how to it ?  
two none none and which one .gtml?  
not just on your style if you wanna chose the code for yourstyles  
you must be have a look in Youtube or check the online some toriturieosies!

---

<div class="post-metadata">

**Author:** ![Eidio](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/eidio/32/1333_2.png) [@Eidio](https://forum.readymag.com/u/Eidio)\
**Post date:** [September 14, 2023, 6:21pm UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948/3 "2023-09-14T18:21:35Z")

</div>

one more thing is that the pictures  
how ti hide? switch it or scan it ?  
the code just give you the positions is it ?  
or you wanna it get it more actions ?

---

<div class="post-metadata">

**Author:** ![Readymag](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/readymag/32/3_2.png) [@Readymag](https://forum.readymag.com/u/Readymag)\
**Post date:** [September 15, 2023, 12:23pm UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948/4 "2023-09-15T12:23:28Z")

</div>

Hello! Here is a suggestion from another user:

> [@Hide search bar on scroll](https://forum.readymag.com/t/hide-search-bar-on-scroll/1359/2):
>
> I would just use the Animation tool. Just use the Scroll animation and reverse it slight_smile

---

<div class="post-metadata">

**Author:** ![Jack\_Barton](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/jack_barton/32/1174_2.png) [@Jack\_Barton](https://forum.readymag.com/u/Jack_Barton)\
**Post date:** [September 21, 2023, 12:15pm UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948/5 "2023-09-21T12:15:12Z")

</div>

You can reduce the scroll bar width to 0 in CSS

/\* width \*/  
::-webkit-scrollbar {  
width: 0px;  
}

---

<div class="post-metadata">

**Author:** ![Ambrdesign](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@Ambrdesign](https://forum.readymag.com/u/Ambrdesign)\
**Post date:** [October 2, 2024, 4:06pm UTC](https://forum.readymag.com/t/hide-scrolling-bar/1948/6 "2024-10-02T16:06:45Z")

</div>

Thanks! This worked for me!