Вопрос

Я реализовал вертикальную 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();
});
Это было полезно?

Решение

Это было вызвано навигационной коробкой, содержащим изображения, которые загружались медленно. Бара прокрутки необходимо было повторно. Я сделал это, используя следующие JS, в частности автореинициализация PARAR:

$ ('. Scroller-Containter'). JSCrollPane ({ShowerArrows: True, AutoReinitialise: True});

Другие советы

Попробуй это:

reinitialiseOnImageLoad: true

Большое спасибо Аарону. Я столкнулся с одной и той же проблемой, Scroller не работал в Google Chrome. Но когда я использовал следующий код, он работает правильно

  $('.Scroller-container').jScrollPane ({ showArrows:true, autoReinitialise: true });
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top