JScrollPane исчезает, когда страница обновляется в Chrome

Question

Я реализовал вертикальную JScrollPane на сайте, который я проектирую. он корректно отображается в Firefox и IE, но в Chrome он корректно отображается при загрузке страницы и при доступе к другим ссылкам, на которых включен скроллер.

Однако, если я просто обновляю страницу, прокрутка полосы исчезнет.

Любая помощь была бы принята с благодарностью!

• JScrollPane -v2.0.0beta4
• Jquery - версии 1.4.2
• темэ - v6.0.4

HTML:

<div id = "right_left"> 
<div class="Scroller-container"> 
    ... php foreach displaying list of images ... 
</div> 
</div> 

CSS:

#right_left{ 
    margin-top:10px; 
    width:145px; 
    padding-left:20px; 

} 

.Scroller-container{ 
    width: 100%; 
    height:800px; 
    overflow:auto; 

} 

.jspVerticalBar 
{ 
    left: 0; 
} 

JS + Включает:

<link href="<? echo base_url(); ?>/css/style.css" rel="stylesheet" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
<script type="text/javascript" src="<? echo base_url(); ?>/scripts/jquery.em.js"></script> 
<script type="text/javascript" src="<? echo base_url(); ?>/scripts/jqModal.js"></script> 
<link type="text/css" href="scripts/jScrollPane/style/jquery.jscrollpane.css" rel="stylesheet" media="all" /> 
<script type="text/javascript" src="scripts/jScrollPane/script/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="scripts/jScrollPane/script/jquery.jscrollpane.min.js"></script> 

$(document).ready(function(){ 

$(function() 
{ 
    $('.Scroller-container').jScrollPane(); 
}); 

Answer 1

Это было вызвано навигационным блоком, содержащего изображение, которые грузили медленно. Полоса прокрутки необходимо повторно инициализировать. Я сделал это с помощью следующего Js, в частности, Autoreinitialise пары:

$ ('скроллер-контейнер.') JScrollPane ({ showArrows: правда, autoReinitialise: истинно }).

Answer 2

Попробуйте это:

reinitialiseOnImageLoad: true 

Answer 3

Большое спасибо Аарон. Я столкнулся с той же проблемой, скроллер не работал в Google Chrome. Но когда я использовал следующий код, он работает нормально

$('.Scroller-container').jScrollPane ({ showArrows:true, autoReinitialise: true });