javascript - 如何使用 bootstrap 或 js 在数据列表中设置滚动条？

Question

我正在使用 meteor 开发我的应用程序。我想在我的数据列表中设置滚动条，以便所有数据都显示为向下滚动。如果我可以使用 Bootstrap 设置它会更好。其他方法也行。

我想设置滚动条的代码是:

<div class="form-group row ">
<div class="col-xs-12 ">
    <div class="form-group row ">
        <div class="dropdown col-xs-12">
          <input list="d1" id="search" name="d1" class="form-control input-xs" placeholder="Search by">
            <datalist id="d1">
              {{#each searched_val}}
            <option class="form-control" value="{{this}}"> {{this}} </option>
             {{/each}}
           </datalist>
        </div>
    </div>
</div>

Answer 1

您可以将高度和溢出设置为:

 <datalist id="d1" style="overflow-y:scroll;height:500px">
     {{#each searched_val}}
     <option class="form-control" value="{{this}}"> {{this}} </option>
      {{/each}}
  </datalist>