2

剣道ドロップオウンを使用しています。ドロップダウンを開いたときのページのスクロールに関する問題に直面しています。これが例です。

jsfiddle デモ

剣道 UI ドロップダウンを開いてマウス ホイールでスクロールしようとすると、剣道ドロップダウン リストが切り離され、スクロールでページ上を移動します。これに対する修正はありますか。スクロール時に閉じるか、ドロップダウン自体で（その要素から切り離さずに）移動します。

このリンクでシナリオを作成するには:

  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;
}
4

2 に答える 2

1

このリンクを確認してください

スクロール時に剣道からのクローズイベントを有効にするだけです

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

   $(document.body).find("[data-role=popup]").each(function() {
   var popup = $(this).data("kendoPopup");
   popup.close();
   });
于 2014-01-16T12:50:22.760 に答える
0

以下のコードは、スクロールしようとするたびにドロップダウン リストを閉じます。

$('#ScrollingBox').scroll(function() {
   $("#YourDropdownListID").data("kendoDropDownList").close();
});
于 2013-06-11T07:10:54.483 に答える