手风琴中使用的nicescroll问题

时间:2014-07-02 13:30:33

标签: jquery css jquery-ui-accordion nicescroll

我的网站上有一个jquery手风琴,并在手风琴第一部分内的一个div上放置了一个nicescroll。

当我转到手风琴的下一部分并显示新内容时,上一部分的nicescrollbar仍然可见。

如何在移动到手风琴的其他部分时将其移除?

<script type="text/javascript">
jQuery(document).ready(function () {
    $("#wizard").accordion({
        heightStyle: "content"
    });
    $('#wizard').accordion();
    $('#wizard button').click(function (e) {
        e.preventDefault();
        var delta = ($(this).is('.next') ? 1 : -1);
        $('#wizard').accordion('option', 'active', (
        $('#wizard').accordion('option', 'active') + delta));
    });
    $("#boxscroll").niceScroll({
        touchbehavior: false,
        cursorcolor: "#34759a",
        cursoropacitymax: 0.7,
        cursorwidth: 7,
        cursorborder: "1px solid #2848BE",
        cursorborderradius: "8px",
        background: "#ccc",
        autohidemode: false
    });
});
</script> 

1 个答案:

答案 0 :(得分:0)

我只是将所有内容放在div中,并将其id(scrollContent)添加到脚本中。

$("#boxscroll").niceScroll({
    "#scrollContent", 
    touchbehavior: false,
    cursorcolor: "#34759a",
    cursoropacitymax: 0.7,
    cursorwidth: 7,
    cursorborder: "1px solid #2848BE",
    cursorborderradius: "8px",
    background: "#ccc",
    autohidemode: false
});