WebKit CSS Scrollbar Example

by dfederighi

HTML

<div id="content">
    this<br>
    is<br>
    some<br>
    text<br>
    that<br>
    will<br>
    scroll<br>
    a<br>
    good<br>
    amount<br>
    ok<br><br>
</div>

CSS

#content {
 padding: 3px;
 height: 100px;
 width: 400px;
 border: 1px solid #666;
 overflow-y: scroll;  
}

#content::-webkit-scrollbar {
 width: 13px;
  height: 13px;  
}

#content::-webkit-scrollbar:vertical {
 background-color: transparent;   
}

#content::-webkit-scrollbar-thumb:vertical {
    height: 10px;
    background-color: #ccc;
}