如何使用bootstrap或js在datalist中设置滚动条？

Question

我正在使用meteor开发我的应用程序。我想在我的datalist中设置滚动条，以便所有数据显示为滚动下降。如果我可以使用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>