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

时间:2013-10-08 11:01:05

标签: jquery html css dom

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

请告知。

由于

1 个答案:

答案 0 :(得分:0)

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