Как скрыть полосу прокрутки в div

Question

Я сделал div, который обертывает содержимое переполнения прокручиваемым, но я хочу, чтобы его прокрутка была скрыта, но div остается прокручиваемым.

.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> 

Answer 1

Вы можете сделать свою полосу прокрутки скрытой, применяя дисплей: none к нему. Попробуйте ниже css.

CSS:

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

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