尝试滚动时，jQueryUI自动完成结果列表会弹回到顶部

Question

我正在尝试自定义jQueryUI AutoComplete小部件结果下拉列表的呈现，以实现类似网格的显示样式，使用CSS限制高度并允许滚动（将max-height与{{组合] 1}}）但是我在滚动下拉菜单时遇到了一种奇怪的行为：它会自动滚动回顶部和/或滚动只是将鼠标移动到列表本身上。

You can click here to see a repro on jsFiddle，或参见下文（代码可以放在本地html文件中并运行）。要测试自动填充，请在文本框中输入字符串 val 。

overflow-y: scroll

我回到基础并重新检查autocomplete page，但AFAIK我的代码是正确的。这是怎么回事？

Answer 1

我可以告诉你导致这个问题的原因。

由于在以下行中添加float:'left'而导致：

var $a = $('<a />').css({width: '270px', /*float:'left',*/ clear: 'both', padding:'0'}).appendTo($li);