javascript - mCustomScrollbar 在 wrapper 上滚动但不在 ul 上滚动

Question

我有一个奇怪的错误，我正在使用 select2 来设置我的选择元素的样式，并且我应用了 mCustomScrollbar 插件来制作漂亮的滚动条，但问题是当我应用 mCustomScrollbar 并将鼠标放在包装器上时，它只是在滚动很好，但是当我将鼠标放在带有元素的 ul 列表上时，它不再滚动。

欢迎所有想法

为了更清楚，我做了截图 http://postimg.org/image/wgyvdc05n/

在屏幕截图中，从左侧开始的 ul 不滚动，包装器在滚动元素上可用，距离滚动约 20px 的区域在滚动，但在 ul 元素上不滚动。

我试图在 jsfiddle 中实现它，但无法获得相同的结果

我的选择

    <select id="login" name="login" class="_il_select_styled_">
        <option value="" selected="">Select account</option>
        <option value="2088722430">2088722430 | USD | 68993498.48</option>
        <option value="2088722865">2088722865 | USD | 7234.0</option>
        <option value="2088722882">2088722882 | USD | 0.0</option>
        <option value="2088722883">2088722883 | USD | 110.0</option>
        <option value="2088722884">2088722884 | USD | 0.0</option>
    </select>

先应用select2插件再应用mCustomScrollbar

Answer 1

这么久了，还没有解决这个问题。切换到 selectize.js，一切都将与 mCustomScrollbar 一起正常工作