Question

我正在使用最新版本的jQuery Autocompletion插件，并且已经填充了大约800个条目的数组（作为自动完成的输入）。现在奇怪的是，当我输入一个触发大量结果的字母（导致滚动条）时，我可以看到Firefox中的滚动条而不是Internet Explorer中的滚动条。

我只在JSP中包含了文件jquery.autocomplete.css和jquery.autocomplete.js。我是否还需要包含其他内容？

修改：我的CSS如下：

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

Answer 1

在jquery.autocomplete.js中添加对document.body.style.maxHeight的额外检查为我解决了这个问题：

                if($.browser.msie && 
                    ((typeof document.body.style.maxHeight === "undefined") ||
                    (document.body.style.maxHeight == '')))

在第735行附近

Answer 2

改变dtd解决了我的问题：

有关详情，请参阅此处： http://old.nabble.com/-autocomplete--Problem-with-Scrolling-IE-7-td20758062s27240.html

/奥莱

Jquery自动完成滚动条未出现在IE中

2 个答案: