使用滚动条z-index帮助进行jQuery UI自动完成

我有一个文本框，我正在附加jQuery UI的自动完成功能，我正在使用CSS通过这里的示例给它一个最大高度。我的问题是，这样做导致bgiframe解决的z-index问题再次出现，但是以不同的方式。初始自动完成菜单位于其下方的所有控件上方，但是当我开始滚动时，自动完成菜单会落后于它们。有什么建议？编辑：这纯粹是一个IE6错误。如您所见，向下滚动后，自动完成功能落后于其他控件。

已邀请:

4 个回复

盛梯獭八搽

我可以通过在以下行（来自jquery.bgiframe.js）中的scrollHeight替换offsetHeight来解决问题： height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+'px')':prop(s.height))+';'+ 此更改解决了具有垂直滚动条的自动填充字段的错误。我无法在其他类型的对话中发现任何回归（但我没有进行大量测试）。

抹持奠糙驰

您需要使用javascript反转表单元素（或其容器）的z-index顺序。即，“社会工作者”具有最低的“DX代码”，即最高的z指数。

藐刚

您可以将offsetHeight更改为scrollHeight，就像Siggen所说，但是当自动完成返回的结果只有1时我遇到了问题。 1结果被压缩成一个只有2像素高的窗口。我找到了解决办法。当你有一个data.length＆lt; 2时，你应该使用offsetHeight而不是scrollHeight。您必须修改autocomplete.js。

Locate this code:
if($.fn.bgiframe)list.bgiframe();

这样做：

if($.fn.bgiframe){
    if(data.length<2)
       list.bgiframe({height:'expression(this.parentNode.offsetHeight+'px')'});
    else 
       list.bgiframe();
}

请记住，此代码应与Siggen的修复结合使用。

浆错

我使用了这两个参数的组合，如下所示：

'height:'+(s.height=='auto'?'expression(Math.max(this.parentNode.offsetHeight,this.parentNode.scrollHeight)+'px')':prop(s.height))+';'

看看max函数。现在很好，没有滚动条（更短的列表和更长的列表）现在自动完成组件在IE6中看起来很完美。

要回复问题请先登录或注册

使用滚动条z-index帮助进行jQuery UI自动完成

4 个回复

发起人

bgiframe

问题状态

使用滚动条z-index帮助进行jQuery UI自动完成

与内容相关的链接

4 个回复

发起人

bgiframe

问题状态