Question

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

我尝试过使用webkit web开发人员工具，每个链接看起来都是正确的，但滚动条不显示。我正在使用最新版本的插件（我刚刚从插件网站下载了它）。有什么想法吗？

谢谢，斯特凡诺

Answer 1

在我的情况下，问题肯定是微不足道的：简单地说，内容必须放在＆lt; p>或者＆lt; 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冲突...我没有并且从不使用{{1}在我的样式和条形图对我来说没有问题。当我发现条形图没有正确显示时，我发现了一个CSS错误...

jQuery - jScrollPane不显示滚动条

2 个答案: