jScrollPane не работает для полной полосы прокрутки страницы

я пытаюсь реализовать jScrollPane на всей моей странице, чтобы изменить полосу прокрутки страницы, но это не работает.

мой код как css:

html,body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#main-wrap {
    height: 100%;
}

JQuery:

  jQuery(document).ready(function ($) {
     "use strict";
  $('#main-wrap').jScrollPane();
  });

и HTML:

  <div id="main-wrap">
     all other contents...
  </div>

и все то, что указано в jScrollPane.

проблема в том, что появляется полоса прокрутки, но страница не прокручивается напрямую с помощью прокрутки или прокрутки мыши.

пожалуйста, помогите и спасибо заранее.