Question

我正在尝试使用jScrollPane，原始滚动条消失，它无法正常工作！大约一个月前我已经在另一个网站上使用过它，效果很好。唯一的问题是：鼠标滚轮没有工作（这是我的第二个问题）。

代码：

<link type="text/css" href="jScrollPane/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jScrollPane/jquery.mousewheel.js"></script>
<script type="text/javascript" src="jScrollPane/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="jScrollPane/mwheelIntent.js"></script>

<script type="text/javascript">
$(function(){ $("#body").jScrollPane(); });
</script>
</head>
<body id="body">

Answer 1

我正在研究同样的问题，并发现了一些事情。我同意你应该使用更新版本的jQuery。如果你使用1.8.2，它将工作。但是，如果使用1.9.1，则需要删除mWheelIntent.js，因为它存在一些问题和1.9.1。希望这有助于某人！

Answer 2

插件需要与css文件交互，后者包含滚动窗格元素的基本样式。 window.load方法在运行初始化脚本之前加载页面的所有资源。我已经在这种情况下使用了jQuery 1.9.1。

$(window).load(function(){
  $(".scroll-pane").jScrollPane();
});

我希望这会有所帮助。最好的问候

jScrollPane不起作用

2 个答案: