自定义选择框（jquery 脚本） - 非 FF div 滚动问题答案

【问题标题】：Custom Selectbox (jquery script) - Non FF div scroll problem自定义选择框（jquery 脚本） - 非 FF div 滚动问题
【发布时间】：2011-04-17 09:45:50
【问题描述】：

我需要一点帮助... 在阅读和搜索了一段时间后，我发现了一个很好的 jQuery 插件来处理选择框自定义样式问题。我做了一些小的修改以使其按我的意愿工作。该插件隐藏了自定义选择并附加了一些div 和ul 标签。

在 Firefox 3.6.10 中它工作得非常好，但在 Chrome (6.0.472.63) 中，Opera (10.62) 当我尝试向下滚动选择框列表（在本例中为溢出的 div）它消失了。好像是个bug，能查一下吗？尝试查看第 182 行：

    .blur(function() {...}

我试着做一个例子，所以我清理了很多我的自定义 CSS，让任何想要分析它的人都清楚。

view example HERE 请在 FF 和 Chrome/Opera 上试用

PS：我没太关注IE...这将是另一场战斗，但我会留到以后！

任何帮助将不胜感激！感谢您的宝贵时间！

来自葡萄牙的欢呼

【问题讨论】：

+1 虽然是初学者，但您通过提供所需资源提出了这个问题，非常感谢。这真的让我印象深刻 =)
tks！如果我们需要帮助，我们应该提供所有资源..这是我的意见..我很熟悉 w stack 前一段时间，我通常来这里阅读其他问题和答案..但现在我开始更积极地参与。

【解决方案1】：

是的，它看起来确实像一个错误。我不确定这个控件的出现和消失机制到底是什么，但看起来当我尝试滚动下拉区域时，.blur() 样式事件正在为父控件触发，但没有.focus()样式事件正在为子控件触发。

您可以尝试将.blur() 样式事件的下拉消失延迟一秒，然后仅在下拉的.scrollTop() 未更改时才隐藏下拉（这会给用户带来延迟在他们抓住该滚动条以实际滚动它之间，如果他们这样做，它不会隐藏）。这是一个巨大的变通方法，但是如果不更仔细地研究代码，就很难知道是否有更好的方法。

【讨论】：