·

1.318K

· steveniseki

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

here is my jsFiddle example

<b>html</b>

<div class="parent"> 
 <div class="child">
 content...
 </div> 
<div>

<b>css</b>

.parent{
 height: 300px;
 border: 2px solid red;
 width: 300px;
 overflow: hidden;
}

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

Related protips

Have a fresh tip? Share with Coderwall community!

Post

Post a tip

Sponsored by

#native_company#

#native_desc#

#native_cta#

Filed Under

Accelerate Your Web Development Skills

Post a job for only 299ドル

Sponsored by #native_company# — Learn More