JScrollPane svanisce quando la pagina viene aggiornata in Chrome
-
25-09-2019 - |
Domanda
Ho implementato JScrollPane verticale a un sito che sto progettando. viene visualizzato correttamente in Firefox e IE, ma in Chrome viene visualizzato correttamente al caricamento della pagina e quando si accede a altri collegamenti che hanno lo scroller via.
Tuttavia, se ho semplicemente aggiorna la pagina la barra di scorrimento scompare.
Qualsiasi aiuto sarebbe molto apprezzato!
- 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 + Include:
<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();
});
Soluzione
Questo è stato causato dalla finestra di navigazione contenente le immagini che sono state caricano lentamente. La barra di scorrimento doveva essere reinizializzata. Ho fatto questo utilizzando il seguente Js, in particolare il parametro Autoreinitialise:
$ ( 'Scroller-contenitore'). JScrollPane ({ showArrows: true, autoReinitialise: true });
Altri suggerimenti
Prova questo:
reinitialiseOnImageLoad: true
Grazie mille Aaron. Ho affrontato lo stesso problema, scroller non funzionava in Google Chrome. Ma quando ho usato il seguente codice sta funzionando correttamente
$('.Scroller-container').jScrollPane ({ showArrows:true, autoReinitialise: true });