javascript - JScrollPane vanishes when page is refreshed in Chrome -

I am designing the vertical JScrollPane in a site that is displayed correctly in Firefox and IE, But in Chrome this page is displayed correctly on the load and reaches other links on scroller.

However, if I refresh the page only when scrollbar disappears

Any help will be greatly appreciated!

• jScrollPane -v2.0.0beta4
• Jquery - v1.4.2
• Chom - v6.0.4

HTML:

  & lt; Div id = "right_left" & gt; & Lt; Div class = "scroller-container" & gt; ... php foreach Display list of images ... & lt; / Div & gt; & Lt; / Div & gt;  

CSS:

#right_left {margin-top: 10px; Width: 145px; Padding-left: 20px; }. Scroll-container {width: 100%; Height: 800px; Overflow: Auto; } .jspVerticalBar {left: 0; }

JS + includes:

  & lt; Link href = "& lt;? Echo base_url () ;? & gt; /css/style.css" Rel = "stylesheet" type = "text / css" /> & Lt; Script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" & gt; & Lt; Script type = "text / javascript" src = " & Lt; Script type = "text / javascript" src = "script / jscrollpan / script / jquery.mousewheel.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "script / jscrollPane / script / jquery.jscrollpane.min.js" & gt; & Lt; / Script & gt; $ (Document) .ready (function () {$ (function () {$ ('Scroller-container'). JScrollPane ();});  

< Div class = "post-text" itemprop = "text">

This is caused by the navigation box that contains images which were loading slowly, the scroll bar needs to be restarted Autoreinitialise param:

/ P>

$ ('scroller-container'). JScrollPane ({showArrows: true, autoReinitialize: true});