使用按键和键盘输出的预先输出建议,滚动条不会移动

时间:2013-07-09 11:48:38

标签: jquery twitter-bootstrap

我使用滚动条来提前输入建议。但是当我移动keydown时,项目滚动条没有移动,并且所选项目没有显示。

这是js

$("input").typeahead({
source: ["Alpha", "Alphabet", "Alfa", "Armadillo","ksdjflksdjfl","jksdjflsdjl","qi2ueouqwoei","jalhflasdf","pwoipa","ahweurw","qwipoqwieo"]
});

这是Css:

.typeahead.dropdown-menu {
 z-index: 100001;
 }

  .modal-body {
     overflow-y: visible
   }
  .typeahead {
    max-height: 100px !important;
    overflow-y: auto  !important;
    overflow-x: hidden  !important;
    padding-right: 20px  !important;
   }

这是html:

<div class='modal'>
<div class='modal-body'>
    Hello
    <input />
</div>
<div class='modal-footer'>
    <button class='btn' data-toggle='modal'>Toggle</button>
</div>

这里是小提琴http://jsfiddle.net/KAVx7/5/

如何解决这个问题。

2 个答案:

答案 0 :(得分:0)

Here讨论了你的问题看看并尝试来自rsteier评论的解决方案。

答案 1 :(得分:0)

下载最新版本0.9.3为我解决了这个问题。