使用CSS停止在内部div上滚动

如何解决使用CSS停止在内部div上滚动

我的html如下

<div id="main">
  <div id="tabs" class="pages">
  </div>
  <div id="rows">
</div>

css

 .pages {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
 }

当用户滚动主div时，如何阻止选项卡div滚动？