jscrollpane没有显示滚动条

时间:2013-07-29 04:54:35

标签: jquery jscrollpane

我已经设置了一个简单的scrollpane js测试,但无法让它显示滚动条:

<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/

处小提琴

2 个答案:

答案 0 :(得分:1)

试试这个,它完美无缺。

请转到下面提到的jsfilddle链接。

<div class="scroll_pane">
<p>

your html text 
</p>
</div>

重拍每件事情都是一样的

jsfiddle

答案 1 :(得分:1)

问题不是一个而是一些小错误。 在你的jsfiddle中,你没有在文档中调用你的滚动窗格,你必须将文本放在标签p中。  我认为你的CSS必须编辑,我已经用一个完整的CSS创建一个新的jsfiddle

这很好用:

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

DEMO

P.S。我已经更改了类的名称,但问题不在于