AngularJs multiselect下拉列表在Chrome中上下滚动时跳过项目

首先，请原谅我的初级CSS技能

我有一个angular应用程序，其中使用了多选下拉列表。这个下拉列表在IE中正常工作，但在chrome中，只要有向上或向下滚动，它就会跳过项目。e、 g.如果20个项目中有5个项目显示，向下滚动时将跳过项目编号6，并显示从7到11的项目，下一次鼠标滚动时将跳过项目编号12，并显示从13到17的项目

有人能帮我解决这个问题吗

<td class="col-lg-8 col-md-8 col-sm-8">
    <span style="width:100%; padding-left:10px;" class="pull-left">
         <select class="form-control  input-sm"
                    multiple multiselect-dropdown ng-model="selectedAddresses"
                    ng-change="AddressSelection()"
                    style="width:100%;">
             <option ng-repeat="item in ItemList" style="width:100% !important"
                        value="{{$index}}">
                    Address {{$index+1}}: {{item.Name}} - {{item.Location}}
             </option>
         </select>
     </span>
 </td>

.input-sm {
    min-width: 70px;
}

地址{{$index+1}}:{{item.Name}-{{item.Location}
.输入sm{
最小宽度：70px；
}

---

我在中复制了您的代码，它似乎与ChromeIt一起工作，但如果向下滚动，您将看到第5项和第6项将被跳过，在第一次滚动后，它将从第7项开始。在IE中，它可以工作，在第一次滚动后，它会显示项目编号5，但在Chrome中不会。是的，但我重用了你的代码并添加了一些数据来重新创建此行为，但它工作正常，项目编号进展顺利。看看我做了什么，也许我做了一些不同的事情，但我不能责备你描述的行为：（我已经用你的plunker输出修改了我的问题。第一个图像是默认加载，在第一次滚动后，我得到了第二个图像中的输出。在这里，你可以看到它跳过了地址5,6，并从地址7开始显示。虽然地址5,6在那里，我可以通过单击向上箭头按钮来访问它们，但不能使用mUse scroll？如果是这样的话，那么我认为这是因为你的鼠标滚轮滚动速度太高。要解决这个问题，你可以降低鼠标滚轮滚动速度，或者尝试用一些Javascript来伪装一个较慢的滚动速度。我在中复制了你的代码，它似乎与ChromeIt一起工作。它工作正常，但如果你向下滚动，你会看到第5项和第6项第一次滚动后，它将从项目编号7开始。在IE中，它可以找到项目编号5，但在Chrome中不会。是的，但我重用了您的代码并添加了一些数据来重新创建此行为，但它工作正常，项目编号进展顺利。看看我做的，也许我做了一些不同的事情，但我可以不要责备你描述的行为：（我已经用你的plunker输出修改了我的问题。第一个图像是默认加载，在第一次滚动后，我得到了第二个图像中的输出。在这里，你可以看到它跳过了地址5,6，并从地址7开始显示。虽然地址5,6在那里，我可以通过单击向上箭头按钮来访问它们，但不能使用mUse scroll？如果是这样的话，那么我认为这是因为你的鼠标滚轮滚动速度太高。要解决这个问题，你可以降低鼠标滚轮滚动速度，或者用一些Javascript假装滚动速度较慢。