jquery - enscroll插件不适用于display:none元素

我有三个隐藏的div，其中使用ensroll插件来设置滚动条的样式。一切正常，但是一旦滚动条浮动，打开后隐藏元素。

以下是该代码的jsfiddle链接。单击所有品牌和时尚，然后将它们隐藏在鼠标悬停在所有品牌上时，滚动条将出现在周围。

------ JS ------

$(document).ready(function () {

    $('.init-hidden').hide();

    $('#brandgroupoptions-all').enscroll({
        showOnHover: true,
        verticalTrackClass: 'track3',
        verticalHandleClass: 'handle3'
    });

    $('#brandgroupoptions-fashion').enscroll({
        showOnHover: true,
        verticalTrackClass: 'track3',
        verticalHandleClass: 'handle3'
    });

    $('#brandgroupoptions-beauty').enscroll({
        showOnHover: true,
        verticalTrackClass: 'track3',
        verticalHandleClass: 'handle3'
    });

    $('#brandgroupopen-fashion').click(function () {
        $('#brandgroupoptions-fashion').slideToggle();
    });

    $('#brandgroupopen-all').click(function () {
        $('#brandgroupoptions-all').slideToggle();
    });

    $('#brandgroupopen-beauty').click(function () {
        $('#brandgroupoptions-beauty').slideToggle();
    });

});

http://jsfiddle.net/soniayastays/n2BAS/

请指教。

谢谢

最佳答案

这似乎是enscroll插件的错误。如果您仍在等待解决方案，请注意以下问题：https://github.com/jstoudt/enscroll/issues/21