jquery - jscrollpane 不显示滚动条

Question

我已经设置了一个简单的滚动窗格 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/

Answer 1

问题不是一个，而是一些小错误。在您的 jsfiddle 中，您不会在文档中调用您的滚动窗格，例如，您必须将文本放在标签 p 中。我认为您的 css 必须进行编辑，并且我制作了一个带有完整 css 的新 jsfiddle

这工作正常：

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

演示

PS我已经更改了班级的名称，但这不是问题所在

Answer 2

试试这个，它工作得很好。

只需转到下面提到的 jsfilddle 链接。

<div class="scroll_pane">
<p>

your html text 
</p>
</div>

一切都一样

jsfiddle