剣道ドロップオウンを使用しています。ドロップダウンを開いたときのページのスクロールに関する問題に直面しています。これが例です。
剣道 UI ドロップダウンを開いてマウス ホイールでスクロールしようとすると、剣道ドロップダウン リストが切り離され、スクロールでページ上を移動します。これに対する修正はありますか。スクロール時に閉じるか、ドロップダウン自体で(その要素から切り離さずに)移動します。
このリンクでシナリオを作成するには:
- ドロップダウンリストを開く
- マウスのスクロール ホイールを使用して、ページを上下に移動します。リストも要素から切り離すことで上下に移動します
どんな助けでも大歓迎です。前もって感謝します
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;
}