Javascript 滚动条单击使div消失IE9+；/视窗8

因为我的站点上有几个带皮肤的选择框，所以我使用dropkick.js，它基本上用交互式div替换了选择框。如果列表大于最大高度，溢出自动使滚动条出现。它在Firefox、Chrome和Safari上运行良好

在Windows8+IE9&IE10上会出现一个滚动条，但当我单击或尝试拖动它时，div会隐藏

我在Bootstrap UI combobox上只发现了一个稍微类似的问题，但该脚本对我来说不起作用，因为dropkick.js不使用Bootstrap，修改脚本并没有解决问题

我希望这可以通过在跳水比赛中使用stopPropagation来解决，但在这方面也没有运气。尝试-ms溢出样式：滚动条，但这不会改变行为

---

有没有人在IE9+中偶然发现了一个有效的解决方案

我上周在一个项目上遇到了同样的问题

我通过将关闭下拉列表的“单击”事件更改为“mousedown”解决了这个问题

出于某种奇怪的原因，IE9+在Windows 8上认为click和mouseup事件的滚动条位于DOM元素之外，但对于mousedown事件，它接受滚动条作为DOM元素的一部分

顺便说一句，我试图在你的网站上重现这个bug，但没有成功（在IE10/Windows8上测试）