jQuery-jScrollPane不显示滚动条

Question

我正在尝试为jquery设置jScrollpane插件。 我完全按照@ @ 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标签的类。

我已经尝试过使用Webkit Web开发人员工具，并且每个链接看起来都正确，但是滚动条没有显示。 我正在使用最新版本的插件（我刚刚从插件网站下载了该插件）。 任何想法？

谢谢，Stefano

Answer 1

在我看来，这个问题绝对是微不足道的：简单地说，内容必须放在<p>或<div>内，即：

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

不会工作，你必须写

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

希望这会有所帮助，

斯特凡诺

Answer 2

如果必须添加<p>才能使这些条可见，那么您的样式表和滚动条样式表可能会出现CSS冲突...我没有，也永远不会在样式和条中使用<p>对我来说毫无问题。 当酒吧出现无法正常显示的问题时，我发现了CSS错误...