javascript - Slidescroll JavaScript无法正常工作

我在设置slidescroll时遇到困难-我已经在这个div上工作了几天，并且多次修改了我的问题。我相信我现在确实拥有使用上下图像在div中垂直滚动内容的功能。但是我无法使这段代码正常工作-尽管在我发现它的Scripterlative看来它可以正常工作。

我正在尝试将slidescroll javascript配置为与固定位置上的两个上/下图像一起使用； js文件中的指示在某些地方有点含糊，我希望能有所帮助。不知道是什么引起了问题。

***更新

我现在可以向下滚动，但不能向上滚动。向下以光速滚动，当鼠标离开图像时突然减速。有任何想法吗？*

这就是我所拥有的：

 HTML/CSS

 <div id="repertoiredetails">
 <div id="repertoirescroll">

 <div class="arrows">
 <img id="upButton" src="images/arrowup.png" title="up" alt="up" width="15" height="28">
 <img id="downButton" src="images/arrowdown.png" title="down" alt="down" width="15" height="28">
 </div>

 <p>content</p>
 </div>
 </div>

 #repertoiredetails {
 background-color:#000;
 width:400px;
  margin-top:140px;
 height:1000px;
  margin-left:-2px;
  padding-top:5px;
  overflow:hidden;
 }

  #repertoirescroll {
width:100%;
 }

 #repertoirescroll p {
 text-align:justify;
 text-justify:inter-word;
 color:#999;
 font-family:'Arial Narrow', Arial,   sans-serif;
 font-size:13px;
 padding:20px;
}

.arrows {
height:50px;
left:350px;
z-index:999;
top:450px;
position:fixed;
}

更新的代码
如下所示，将其放置在div结束符详细信息的正下方：

<script type='text/javascript' >

new SlideScroll( 'upButton', 'self', 'up');
new SlideScroll( 'downButton', 'self', 'down');

而slidescroll.js位于头部。对于固定的图片链接，js需要ID为“ self”。

感谢您提供任何帮助！

谢谢

最佳答案

我调查了您的代码，并在slidescroll.js中发现了问题。要解决此问题，请在下面替换

yStep =  -this.speedFactor * (((vBoth ? this.btnHeight / 2 : this.btnHeight) - my) / (vBoth ? this.btnHeight /2 : this.btnHeight));

与

yStep =  -this.speedFactor * ((my - (vBoth ? this.btnHeight / 2 : this.btnHeight)) / (vBoth ? this.btnHeight /2 : this.btnHeight));

这样可以解决您的问题。