NiceScroll.js на боковой панели начальной загрузки 4 не работает - PullRequest
Новая
       19

NiceScroll.js на боковой панели начальной загрузки 4 не работает

0 голосов
/ 31 октября 2018

Я пытаюсь реализовать nicescroll.js в моем меню боковой панели. Sidemenu скрыто и раскрывается с помощью кода js: 

$('#dismiss, .sidebar-overlay').on('click', function () {
        // hide sidebar
        $('#sidebar').removeClass('active');
        // hide overlay
        $('.sidebar-overlay').removeClass('active');
        // animate icon
        $('#sidebarCollapse').removeClass('active');
    });

        $('#sidebarCollapse').on('click', function () {
            // open sidebar
            $('#sidebar').addClass('active');
            // fade in the overlay
            $('.sidebar-overlay').addClass('active');
            $('.collapse.in').toggleClass('in');
            $('a[aria-expanded=true]').attr('aria-expanded', 'false');
            $('.collapse.show').removeClass('show');
            // animate icon
            $('#sidebarCollapse').addClass('active');
        });

Теперь на боковой панели я пытаюсь использовать nicescroll.js вот так: 

$('#sidebarCollapse').on('click', function () {
  $("#sidebar-menu").niceScroll({
    scrollspeed: 80,
    mousescrollstep: 40,
    cursorcolor: "#949caf",
    cursoropacitymax: 0.5
  });
  $("#sidebar-menu").getNiceScroll().resize();
});

    $('#dismiss', '.sidebar-overlay').click(function () {
        $("#sidebar-menu").getNiceScroll().remove();
    });

Но безуспешно. Мне нужно инициировать nicescroll в sidemenu, когда я нажимаю «#sidebarCollapse», и удалять его, когда нажимаю «#dismiss» или «sidebar-overlay».

Вы можете увидеть мой пример на codepen здесь: https://codepen.io/haralake/pen/YJoJPg

...