0

我在设置幻灯片滚动时遇到了困难——我已经在这个特定的 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需要“self”的ID。

对此的任何帮助表示赞赏！

谢谢

4

1 回答 1

0

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

这将解决您的问题。

于 2012-09-15T19:06:10.337 回答