在jscrollpane中，滚动不起作用

Question

目标::想使用jScrollPane创建一个带垂直滚动条的注册弹出页面。

问题::垂直滚动条没有移动

HTML code ::

<div id="register" class="wpml-content jspScrollable" >
    <div class="jspContainer" style="width: 100%; height: 370px;">
        <div class="jspPane">
            <form action="register" method="post" id="form" class="group" name="loginform" >
              <!-- code for registration-->
            </form>
        </div>
        <div class="jspVerticalBar">
            <div class="jspCap jspCapTop"></div>
            <div class="jspTrack" style="height: 200px;">
                    <div class="jspDrag" style="height: 77px; top: 0px;">
                            <div class="jspDragTop"></div>
                            <div class="jspDragBottom"></div>
                    </div>
            </div>
            <div class="jspCap jspCapBottom"></div>
        </div>
    </div>
</div>

JS code ::

<script type="text/javascript" src="/plugins/jScrollPane-master/script/jquery.jscrollpane.js"></script>
<script type="text/javascript" src="/plugins/jScrollPane-master/script/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="/plugins/jScrollPane-master/script/jquery.mousewheel.js"></script>
<script type="text/javascript" src="/plugins/jScrollPane-master/script/mwheelIntent.js"></script>

jQuery(document).ready(function(){
 $('#register').jScrollPane();
});

CSS code ::

.jspVerticalBar {
   width: 8px;
      background-color: #ededed;
}
.jspTrack {
   width: 8px;
   background-color: #ededed;

}
.jspDrag {
   width: 8px;
   background-color: #ccc;
}

我检查了http://jscrollpane.kelvinluck.com/basic.html，因为我是jScrollPane的新手，但没有找到丢失代码的地方。