Scrolling without scrollbar

index.html

<div class="a">
  <div class="b">
    <div class="c">
    </div>
  </div>
</div>

Scrolling-without-scrollbar.markdown

Scrolling without scrollbar

A Pen by Kirill Korolyov on CodePen.

License.

style.css

.a {
  width: 100px;
  height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}

.b {
  width: 120px;
  height: 100px;
  overflow-y: scroll;
}

.c {
  width: 98px;
  height: 500px;
  background: linear-gradient(to bottom, #f0b7a1,#752201);
  border: 1px solid black;
}