jquery - 尝试在选择框容器隐藏容器中使用滚动条

Question

Here's my example.

我使用的是选择框插件的略微修改版本。我所做的修改之一是添加一个类来限制选项容器的高度，并在滚动条超过最近的相对定位父项高度的 50% 时添加一个滚动条。但是现在，当我尝试单击并拖动容器中的滚动条时(尤其是在 IE 和 Chrome 中)，容器消失了，就好像我在它外面单击了一样。

有没有办法检测焦点何时位于滚动条上？或者您是否可以建议对插件进行任何其他修改，以防止选项消失，直到选择一个选项或容器外部确实存在点击事件？

Answer 1

当您在创建的 ul 外部单击时，您已将其设置为隐藏选择框。当您点击 .selectbox-wrapper 时将其更改为隐藏。