Javascript 如何在选择框上设置滚动功能

我想在选择框上设置滚动功能，这样每当我滚动时，就会出现警报。我无法设置。选择jquery的滚动功能。请告诉我怎么设置。可能是我的代码有误

代码：

document.getElementById（“d1”）.addEventListener（“滚动”，滚动）；
函数滚动（）{
document.getElementById（“演示”）.innerHTML=“滚动”；
}

页面标题
A.
B
C
D
E
F
G
H

这有什么意义？为什么您需要知道何时滚动选项列表？^另外，如果您确实需要，您可以使用下拉组件，如Bootstrap提供的组件，用于需要无限滚动的情况。我需要它用于延迟加载。我需要知道，在滚动过程中滚动到选择框底部的时间。使用onscroll，在滚动元素时执行JavaScript。@AshasRivastava仍然不工作，但它可以无限地增加数据。i、 我想显示5更多的数据时，滚动达到底部，但它显示的数据异常的限制。就像第一次显示5，下一次增加20，第三次增加125，依此类推。我只想在每次滚动到达底部时显示我的数据增量5。为此，你需要在滚动上写下你想要多少数据的逻辑。您可以在onmousedown事件中添加逻辑。这也许能解决问题。我用过这个逻辑$（窗口）.scroll（函数（）{console.log（“滚动”）；if（$（窗口）.scrollTop（）+$（窗口）.height（）==$（文档）.height（）{lmt_val=lmt_val+5；//警报（“滚动”）；Meteor.setTimeout（函数（）{var value1=demoData.find（{}，{limit limit:lmt_val}）.fetch（）；SessionStore.set(“jkl”，value1）；}，1000）；}}）；您知道如何在数据列表上设置滚动条吗？使用CSS在其上设置溢出属性。

<div class="dropdown col-xs-4">
  <input list="d1" id="search" name="d1" class="form-control input-xs" placeholder="Search by">
    <!-- <datalist id="d1"> -->
    <select id="d1">
      {{#each data1}}
    <option class="form-control" > {{TradeName}} </option>
     {{/each}}
   </select>
   <!-- </datalist> -->
</div>

      $( "#d1" ).scroll(function() {
  console.log("Scrolling");
});