jQuery - jScrollPane не показывает полосы прокрутки - PullRequest
Новая
       8

jQuery - jScrollPane не показывает полосы прокрутки

2 голосов
/ 22 марта 2012

Я пытаюсь настроить плагин jScrollpane для jquery. Я следовал в точности как @ http://jscrollpane.kelvinluck.com/#usage, но, к сожалению, полосы прокрутки не отображаются. Если я удаляю плагин, отображаются стандартные системные полосы прокрутки (как и ожидалось).

Вот код. В заголовке моей страницы есть: 

<!-- my CSSs -->
<link media="all" type="text/css" href="/artwriter/resources/styles/jquery.jscrollpane.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<!-- my scripts -->
<script src="/artwriter/resources/js/artwriter.js" type="text/javascript"></script>
<script src="/artwriter/resources/js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="/artwriter/resources/js/jquery.jscrollpane.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
    $(".scroll-pane").jScrollPane();
});
</script>

где '.scroll-pane' - это класс моего тега div.

Я пробовал использовать инструменты для веб-разработчиков, и каждая ссылка выглядит правильно, но полоса прокрутки не отображается. Я использую последнюю версию плагина (я только что скачал его с сайта плагина). Есть идеи?

Спасибо, Stefano

Ответы [ 2 ]

1 голос
/ 17 мая 2012

проблема была определенно тривиальной в моем случае: просто, контент должен быть помещен внутри

или

, т.е. 
<div class="scrollable">
MY CONTENT BLA BLA BLA
</div>

не будет работать, вы должны написать 

<div class="scrollable">
<p>MY CONTENT BLA BLA BLA</p>
</div>

Надеюсь, это поможет,

Stefano

0 голосов
/ 28 июля 2012

Если вам нужно было добавить <p>, чтобы сделать полосы видимыми, то у вас может возникнуть конфликт CSS с вашей таблицей стилей и таблицей стилей полосы прокрутки ... Я не использую <p> и никогда не использую в своих стилях и бары видны для меня без проблем. Я обнаружил ошибку CSS, когда возникли проблемы с неправильным отображением полос ...

...