Dragging through the contents of a DIV with white-space nowrap

I'm wanting to drag through the contents of this DIV. Can this be done with CSS alone?

Basically the functionalty you get from overflow-y: scroll; but I want to hide the scrollbar, and be able to move the contents with a cursor drag and touch drag. How may I do this?

Do no want to use jQuery.

http://ift.tt/1Iz7AJ5

<div class="trusted">
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>

.trusted {
  display: block;
  background: #eee;
  padding: 20px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

a {
  display: inline-block;
  padding: 10px 0;
  width:100px;
  height:60px;
  background: rgba(0,0,0, .05);
  border-radius: 3px;
  margin:0 10px;
}