javascript - jScrollPane Scrollbar not shown when used with nav -

i have been using jscrollpane in number of applications has been working perfectly. running plugin creates 2 additional divs around content classes of jspcontainer , jsppane , third div scrollbar.

however when try use flypanels plugin (https://github.com/subzane/flypanels), div 'scroll-pane' class can added to, give result div directly above nav. when code created on page, found while nav inside div surrounded appropriate jspcontainer , jsppane divs, missing separate div scrollbar itself.

i'm wondering whether might result of being placed around nav, or problem height , width of div class on. either way have searched many stackoverflow questions , github forum issues as can bear, questions either irrelevant or lacking in answer.

i've included main part of code, header missing assure have included jquery 1.9.1 , correct javascript , css files (as same ones worked on separate project).

<div class="flypanels-container preload">      <div class="offcanvas flypanels-left">         <div class="panelcontent scroll-pane" data-panel="treemenu">             <nav class="flypanels-treemenu" role="navigation">                         ...                         <!-- unordered list containing several sublists -->                         ...             </nav>         </div>     </div>     <div class="flypanels-main">         <div class="flypanels-content">             <!-- additional code -->          </div>     </div> </div> 

has got experience of using these 2 plugins , if have clue how can resolved?

i haven't used flypanels did integrate jscrollpane many times. if memory correct, jscrollpane needs visible on screen (not hidden) when it's initialized. if not, have height of 0 "not working".

try this

1. don't hide sublist items
2. initialize jscrollpane
3. hide sublist items.