Last Updated: February 25, 2016
· steveniseki

css hidden scrollbars

Creating a scrolling area with the scrollbars hidden is quite easy using an extra container around your scrollbar

here is my jsFiddle example


<div class="parent">   
    <div class="child">


    height: 300px;
    border: 2px solid red;
    width: 300px;
    overflow: hidden;

    background-color: #4679bd;
    color: white;
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 18px;