html - 如何滚动使用标签创建的列表？

Question

我正在尝试以编程方式滚动由labels 组成的列表，但我不知道该怎么做。

我希望能够在列表顶部设置 1000 标签。我怎样才能做到这一点？

.fuel_select {
  overflow: scroll;
  height: 500px;
  border: 1px solid black;
  border: solid black 1px;
  width: 60px;
  /* width of list */
  /* cursor: pointer; */
}

<table>
  <tr>
    <td>
      <div class="fuel_select" style="height:150px; width:50px;">
        <label data-fuel_moment="0.00">0</label>
        <label data-fuel_moment="298.16">100</label>
        <label data-fuel_moment="591.18">200</label>
        <label data-fuel_moment="879.08">300</label>
        <label data-fuel_moment="1165.42">400</label>
        <label data-fuel_moment="1448.40">500</label>
        <label data-fuel_moment="1732.53">600</label>
        <label data-fuel_moment="2014.80">700</label>
        <label data-fuel_moment="2298.84">800</label>
        <label data-fuel_moment="2581.92">900</label>
        <label data-fuel_moment="2866.30">1000</label>
        <label data-fuel_moment="3150.18">1100</label>
        <label data-fuel_moment="3434.52">1200</label>
        <label data-fuel_moment="3718.52">1300</label>
        <label data-fuel_moment="4003.23">1400</label>
        <label data-fuel_moment="4287.76">1500</label>
        <label data-fuel_moment="4572.24">1600</label>
        <label data-fuel_moment="4856.56">1700</label>
        <label data-fuel_moment="5141.16">1800</label>
        <label data-fuel_moment="5425.64">1900</label>
        <label data-fuel_moment="5709.90">2000</label>
      </div>
    </td>
  </tr>
</table>

标签： htmlcss