jquery - Kendo 页面滚动时下拉列表定位问题？

Question

我正在使用自己的kendo dropd。打开下拉菜单时，我遇到页面滚动问题。这是示例。

jsfiddle demo

当 kendo ui 下拉列表打开并尝试使用鼠标滚轮滚动时，kendo 下拉列表与其分离并随着滚动在页面上移动。有什么解决办法吗？要么使其在滚动时关闭，要么通过下拉菜单本身移动它(不与该元素分离)。

要生成此链接中的场景:

1. 打开下拉列表
2. 使用鼠标滚轮向上/向下移动页面。列表也会通过与元素分离来上下移动

非常感谢任何帮助。提前致谢

HTML

<div id="container">
    <p>Scroll down for the KendoDropDownList:</p>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <select id="select">
        <option value="1">item 1</option>
        <option value="2">item 2</option>
        <option value="3">item 3</option>
        <option value="4">item 4</option>
    </select>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

JS

$("#select").kendoDropDownList();

CSS

#container
{
    width:400px;
    height:200px;
    overflow:auto;
    position:fixed;
    top:100px;
    left:50px;
    border:1px solid #666;
}

html
{
    font:12px sans-serif;
}

Answer 1

检查此链接

滚动时只需启用剑道的关闭事件

http://jsfiddle.net/krustev/cQGrK/

   $(document.body).find("[data-role=popup]").each(function() {
   var popup = $(this).data("kendoPopup");
   popup.close();
   });