javascript - jQuery - jScrollPane 不显示滚动条

Question

我正在尝试为 jquery 设置 jScrollpane 插件。我完全按照 how to @ http://jscrollpane.kelvinluck.com/#usage 进行操作，但不幸的是滚动条没有显示。如果我删除插件，则会显示标准系统滚动条(如预期的那样)。

这是代码。在我页面的 head 标签中，我有:

<!-- 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 网络开发人员工具，每个链接看起来都正确，但滚动条不显示。 我使用的是最新版本的插件(我刚从插件站点下载的)。 有什么想法吗？

谢谢， 斯特凡诺

Answer 1

这个问题在我的案例中绝对是微不足道的:简单地说，内容必须放在

或

中，即:

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

不行，你得写

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

希望对你有帮助

斯特凡诺

关于javascript - jQuery - jScrollPane 不显示滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9822126/