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/