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