幻灯片滚动javascript不起作用
Slidescroll javascript not working
我在设置幻灯片滚动时遇到了困难——我已经在这个特定的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));
这将解决您的问题。
相关文章:
- 为什么这个 .push 不起作用?(JavaScript)
- document.createelement不起作用(javascript)
- Chrome 中表格的 CSV 导出不起作用 - JavaScript/AngularJS
- 如果语句不起作用 - JavaScript
- 为什么我的动态更改链接不起作用?(Javascript)
- RPS 函数不起作用(JavaScript)
- 计时器间隔不起作用 Javascript
- 通过返回 false - 不起作用(javascript)来阻止链接打开
- Eval 不起作用 - JavaScript
- Android 浏览器 .click() 不起作用 javascript
- 为什么这段代码不起作用?Javascript
- jsFiddle显示正确,但一旦在本地运行就不起作用(Javascript)
- 带有html的Navigator不起作用javascript
- 从文本文件中提取内容不起作用 JavaScript
- 从查询字符串中获取参数;不起作用..Javascript
- regex手机验证不起作用-javascript
- if和else语句不起作用(javascript)(html)
- 更改字体大小的复选框不起作用-Javascript
- 为什么这个基本的 if 语句不起作用?JavaScript
- Timer 不起作用/ JavaScript/ innerHTML null