2013-07-29 4 views
1

Я имею установку простой тест ScrollPane JS, но не может получить его, чтобы показать скроллбар:JScrollPane не показывая скроллбар

<link rel="stylesheet" href="styles/scrollpane.css" type="text/css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="scripts/scrollpane.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

$('.scroll_pane').jScrollPane(); 
}); 
</script> 



<style> 
.scroll_pane { 
     height: 200px; 
     width: 300px; 
     border: 1px solid #000000; 
     font-size:12px; 
     overflow:auto; 
    } 

    </style> 

скрипку в http://jsfiddle.net/v7gyX/

ответ

1

проблема не один, а некоторая мини ошибки. В вашем jsfiddle вы не вызываете свою прокрутку в документе готовой, и вам нужно поместить текст внутри тега p, например. Я думаю, что ваш CSS должен быть прав, и я сделать новый jsfiddle с полным CSS

это работает отлично:

<div class="scroll-pane"> 
<p> 
text 
</p> 
</div> 

DEMO

P.S. Я изменил название класса, но это было не то, что проблема

+0

Спасибо ... добавление p-тегов внутри div исправлено ... документ готов не нужен http://jsfiddle.net/v7gyX/ 3 / – IlludiumPu36

1

попробовать это он прекрасно работает.

Просто перейдите к ссылке jsfilddle ниже.

<div class="scroll_pane"> 
<p> 

your html text 
</p> 
</div> 

remaing каждую вещь такого же

jsfiddle

Смежные вопросы