1

設計しているサイトに垂直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();
});
4

3 に答える 3

1

これは、読み込みが遅い画像を含むナビゲーションボックスが原因でした。スクロールバーを再初期化する必要がありました。これは、次のJ、具体的にはAutoreinitialiseパラメーターを使用して行いました。

$（'。Scroller-container'）。jScrollPane（{showArrows：true、autoReinitialise：true}）;

于 2010-10-19T12:52:20.167 に答える
0

これを試して：

reinitialiseOnImageLoad: true
于 2010-10-27T10:07:01.037 に答える
0

アーロン、どうもありがとうございました。私は同じ問題に直面しました、スクローラーはグーグルクロームで動作していませんでした。しかし、私が次のコードを使用したとき、それは正しく機能しています

  $('.Scroller-container').jScrollPane ({ showArrows:true, autoReinitialise: true });
于 2014-11-11T04:39:31.993 に答える