How Can I scroll through a div without the scrollbars showing?

Question

I have the following css but the scroll bars are visible. how can I make them invisible (scrollable div without scrollbars)?

.myDiv
{
    height:300px;
    overflow: scroll;

}

Answer 1

.myDiv {
  width: 200px;
  height:300px;
  overflow: scroll;
}

.wrapper {
  width: 183px;
  height: 283px;
  overflow: hidden;
  border: 1px solid black;
}


<div class="wrapper">
  <div class="myDiv">
    floating div content...
  </div>
</div>

This might work - basically you're placing a smaller div around the one you want and hiding the scroll bars.