當頁面在Chrome中刷新時，JScrollPane消失

我在我設計的站點中實現了垂直JScrollPane。它在Firefox和IE中正確顯示，但在Chrome中，它在頁面加載和訪問其他帶有滾動條的鏈接時正確顯示。當頁面在Chrome中刷新時，JScrollPane消失

但是，如果我只是刷新頁面滾動條消失。

任何幫助將不勝感激！

JScrollPane的-v2.0.0beta4
jQuery的 - 5.0上
丁目 - 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(); 
});

來源

2010-09-27 Aaron

這是由導航盒包含的圖像加載速度緩慢造成的。滾動條需要重新初始化。我這樣做是通過使用下面的JS，特別是Autoreinitialise PARAM：

$（ '滾輪容器。'）JScrollPane的（{ showArrows：真實， autoReinitialise：真 }）。

來源

2010-10-19 12:52:20 Aaron

試試這個：

reinitialiseOnImageLoad: true

來源

2010-10-27 10:07:01 Xente

非常感謝你亞倫。我面臨同樣的問題，滾動不在谷歌瀏覽器工作。但是，當我使用下面的代碼它正常工作

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

來源

2014-11-11 04:39:31

當頁面在Chrome中刷新時，JScrollPane消失

回答

相關問題