幻灯片滚动javascript不起作用

Slidescroll javascript not working

本文关键字：不起作用 javascript 滚动 幻灯片      更新时间：2023-09-26

我在设置幻灯片滚动时遇到了困难——我已经在这个特定的div上工作了好几天，并多次修改了我的问题。我相信我现在已经具备了在div中使用上下图像垂直滚动内容所需的功能。但是我不能让这个代码工作——尽管它在我发现它的Scripterlive上似乎工作得很好

我正在尝试配置幻灯片滚动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');

slidesroll.js在头上。对于固定的图像链接，js要求ID为"self"

如有任何帮助，我们将不胜感激！

感谢

我调查了你的代码，并在slidesroll.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));

这将解决您的问题。

相关文章：