How to hide scrollbar in div

I made a div that wraps the contents of the overflow scrollable, but I want it to scroll to be hidden, but the div remains scrollable.

.description { height: 150px; overflow: scroll; } <div class="description"> <h4>Description</h4> <p>After a series of deadly discoveries, Bruce Wayne has learned that the Court of Owls is real   and a deadly threat out to control Gotham City! Unleashing their deadly assassins known as the Talons, Batman must stop the insidious Court of Owls before they claim the city for their own. In doing so, The Dark Knight will uncover dark secrets   not just about the city he s sworn to protect, but about the history of the Wayne family.After a series of deadly discoveries, Bruce Wayne has learned that the Court of Owls is real   and a deadly threat out to control Gotham City! Unleashing their deadly assassins known as the Talons, Batman must stop the insidious Court of Owls before they claim the city for their own. In doing so, The Dark Knight will uncover dark secrets   not just about the city he s sworn to protect, but about the history of the Wayne family.After a series of deadly discoveries, Bruce Wayne has learned that the Court of Owls is real   and a deadly threat out to control Gotham City! Unleashing their deadly assassins known as the Talons, Batman must stop the insidious Court of Owls before they claim the city for their own. In doing so, The Dark Knight will uncover dark secrets   not just about the city he s sworn to protect, but about the history of the Wayne family.</p> </div> 
+5
source share
1 answer

You can make your scrollbar hidden by applying the: none display to it. Try below css.

CSS:

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

JSFiddle: https://jsfiddle.net/nikdtu/arn77mt1/

+9
source

Source: https://habr.com/ru/post/1262798/


All Articles