overflow 固定头部，内容滚动

效果图：

主要思路：

<div class="box">
   <div class="head"></div>
   <div class="body"></div>
</div>
<style>
.box{
  overflow-x:scroll;
}
.head{
  width:300px;
}
.body{
  width:300px;
  height:50px;
  overflow-y:scroll;
}
</style>