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

Question

我有三个隐藏的 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/

请指教。

谢谢

Answer 1

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