javascript - 在我的表格中添加 CSS 滚动条

Question

我正在尝试学习 css 和 javascript。我在链接中有这两个表。我正在尝试添加一个滚动条，以便一次在表格上显示的元素不超过 10 个。有谁知道该怎么做？

body
  font-family: 'Helvetica Neue', Helvetica, Arial
  font-size: 14px
  line-height: 20px
  font-weight: 400
  color: #3b3b3b
  -webkit-font-smoothing: antialiased
  font-smoothing: antialiased
  background: #2b2b2b

.wrapper
  margin: 0 auto
  padding: 40px
  max-width: 800px

.table
  margin: 0 0 40px 0
  width: 100%
  box-shadow: 0 1px 3px rgba(0,0,0,0.2)
  display: table
  @media screen and (max-width: 580px)
    display: block

.row
  display: table-row
  background: #f6f6f6
  &:nth-of-type(odd)
    background: #e9e9e9
  &.header
    font-weight: 900
    color: #ffffff
    background: #ea6153
  &.green
    background: #27ae60

  &.blue
    background: #2980b9
  @media screen and (max-width: 580px)
    padding: 8px 0
   display: block
   .cell
     padding: 6px 12px
     display: table-cell
     @media screen and (max-width: 580px)
       padding: 2px 12px
       display: block

http://codepen.io/lukepeters/pen/bfFur

Answer 1

你可以对每个表都这样尝试

       <div class="table" style="height:200px; overflow:scroll;">
      .....................
       <div>