<div class="wrapper">
  
  <div class="content">
    <div class="block"></div>
  </div>
  
</div>
.wrapper{
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.content{
  width: 500px;
  height: 50px;
  background-color: #c3c3c3;
  margin: 0 auto;
  padding: 50px;
  overflow: scroll;
}

.block{
  width: 400px;
  height: 1500px;
  background-color: #fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.