如何隐藏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

您可以通过对其应用display:none来隐藏滚动条.尝试下面的CSS.

CSS:

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

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