Javascript 为什么滚动不起作用（为什么列表不滚动）

我正在尝试制作一个演示，当用户在文本字段中键入时，它会显示列表。当用户在文本字段中键入时，它会显示过滤器列表。但我的问题是我的列表没有滚动。我已经使用了溢出：auto；或溢出：滚动。但对我来说没有任何效果。你能告诉我如何滚动列表吗

---

它在你的房间里工作codepen@Reena你会看到滚动条。但是当你上下触摸时，它不会滚动列表。首先在文本字段中键入A，上下移动列表不会滚动。如果它有帮助@Reena，它可以应用于我的示例吗？你在使用firefox吗？在chrome中工作正常，但在chrome中不行，因为我使用了chrome，所以我看不出你的问题，但现在我清楚了。

.listcontainer{
  overflow: auto;
  border :1px solid blue;
  height:150px;

}

<div class="listcontainer" ng-show="station.stationCode">
    <li class="item" ng-repeat="station in data.data | filter:station.stationCode:startsWith">{{station.stationName+"-("+station.stationCode+")"}}</li>
</div>