2010-09-27 6 views
1

J'ai implémenté JScrollPane vertical dans un site que je suis en train de concevoir. il s'affiche correctement dans Firefox et IE, mais dans Chrome, il s'affiche correctement lors du chargement de la page et lors de l'accès à d'autres liens sur lesquels le scroller est activé.JScrollPane disparaît lorsque la page est actualisée dans Chrome

Cependant, si je rafraîchis simplement la page, la barre de défilement disparaît.

Toute aide serait grandement appréciée!

  • JScrollPane -v2.0.0beta4
  • Jquery - v1.4.2
  • chome - 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 + Comprend:

<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(); 
}); 

Répondre

1

Cela était dû à la boîte de navigation contenant des images qui chargeaient lentement. La barre de défilement devait être réinitialisée. Je l'ai fait en utilisant le Js suivant, en particulier la Autoreinitialise param: ({: true, autoReinitialise: showArrows vrai }) JScrollPane

$ ('Scroller-de récipient.').

0

Essayez ceci:

reinitialiseOnImageLoad: true 
0

Merci beaucoup Aaron. J'ai fait face au même problème, scroller ne fonctionnait pas dans google chrome. Mais quand j'ai utilisé le code suivant, cela fonctionne correctement

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