Question

我已将垂直JScrollPane实现到我正在设计的网站中。它在Firefox和IE中正确显示，但在Chrome中，它可以在页面加载时以及访问其他具有滚动条的链接时正确显示。

但是，如果我只是刷新页面，滚动条就会消失。

任何帮助将不胜感激！

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 +包括：

<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：true }）;

Answer 2

试试这个：

reinitialiseOnImageLoad: true

Answer 3

非常感谢Aaron。我遇到了同样的问题，滚动条不适用于谷歌浏览器。但是，当我使用以下代码时，它正常工作

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

在Chrome中刷新页面时，JScrollPane消失

3 个答案: