javascript - 幻灯片 javascript 不工作

Question

我在设置幻灯片时遇到困难 - 我已经在这个特定的 div 上工作了好几天，并且多次修改了我的问题。我相信我现在拥有了使用上下图像在 div 中垂直滚动内容所需要的东西。但是我无法使这段代码正常工作——尽管它似乎在我找到它的 Scripterlative 上运行良好。

我正在尝试将幻灯片滚动 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”。

感谢任何帮助!

谢谢

Answer 1

我调查了您的代码并在 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));

这将解决您的问题。