javascript - 当我们移出并滚动时下拉滚动问题

Question

我有一个包含一些数据的下拉列表(kendo Dropdown)。当我在下拉菜单中滚动时，表示它工作正常。

当我打开下拉菜单并将鼠标移出然后滚动意味着下拉菜单数据部分也移动了。

图片附加检查图像。

下拉代码:(下拉在section里面)

<input id="category" data-bind="kendoDropDownList: { data: $root.CategoryList, dataTextField: 'ServiceCategoryName', dataValueField: 'ServiceCategoryID', change:$root.CategorySelect,value:ServiceCategoryID }">

---

当我向外滚动时如何关闭下拉菜单？？？

Answer 1

未经测试:

$("body").scroll(function(){
    if(!$("#category").hover()){
        $("#category").hide();
    }
});

不确定如何关闭下拉菜单，但您明白了。