Jquery 在一个div中滚动顶部？我可以暂停、停止、加速和减慢滚动吗？

我有一个div，里面有歌词，点击按钮就会滚动。这很好用。我现在正试图让其他函数以很少的运气工作

如果我再次单击“暂停”按钮，我希望有按钮将滚动暂停在当前位置并从该位置开始， 停止滚动并重置为歌词的开头， 加快滚动速度并减慢滚动速度

我还没有真正研究过加速和减速部分，但我已经尝试了很多暂停和停止的方法。到目前为止没有运气

这是我正在使用的滚动代码：

$('#lyricsauto').click(function() {
  var div = $('#lyricwrap');
  setInterval(function() {
    var pos = div.scrollTop();
    div.scrollTop(pos + 1);
  }, 800);
});

我还建立了一个游戏，其中包括我尝试过的许多事情中的一些

---

我已经找到了许多停止scrolltop的例子，但在这种情况下，它们似乎都不起作用。我知道这有很多问题要问，所以我非常感谢提供的任何帮助。

实现这一点的最简单方法是存储对间隔的引用，然后在暂停/停止操作中使用

clearInterval（）

您还可以使用单个变量来控制滚动的大小，通过滚动可以增加或减少加速/减速按钮的处理程序。试试这个：

var-interval，scrollInc=1，$div=$（“#lyricwrap”）；
$（“#lyricsauto”）。单击（函数（）{
间隔=设置间隔（函数（）{
var pos=$div.scrollTop（）；
$div.scrollTop（pos+scrollInc）；
}, 800);
});
$（“#暂停滚动”）。单击（函数（）{
间隔时间；
});
$（“#停止滚动”）。单击（函数（）{
间隔时间；
scrollInc=1；
$div.scrollTop（0）；
});
$（'#fasterscroll'）。单击（函数（）{
scrollInc++；
})
$（'#slowerscroll'）。单击（函数（）{
scrollInc=数学最大值（1，--scrollInc）；
})

#歌词包裹{
位置：固定；
高度：560px；
宽度：500px；
溢出：隐藏；
溢出y：自动；
溢出x：隐藏；
}
#抒情诗{
位置：固定；
顶部：120px；
高度：50px；
宽度：500px；
}
#歌词按钮{
宽度：90px；
浮动：左；
}
#前{
垂直对齐：顶部；
空白：行前；
字体：粗体12px Verdana，Arial，无衬线；
文本对齐：居中；
填充：30px 0 200px；
}

到目前为止，我只在使用暂停和停止功能，我真的很想让其他功能也工作，但至少暂停和停止。“暂停”应将滚动条暂停在当前位置。停止应该在开始时重置歌词，而不是滚动
不再加速应将滚动速度提高x倍。。。还不知道多少钱。“减慢”应将滚动速度降低x个数量。
自动卷动
暂停滚动
停止滚动
加快
慢点
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此分区
div

可以是任意长度
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
对于当前
播放歌曲
在这里
此分区
可以是任意长度
当前
播放歌曲
在这里
此分区
可以是任意长度
当前
播放歌曲
在这里
此分区
可以是任意长度
当前
播放歌曲
在这里
此分区
可以是当前播放歌曲的任意长度
歌词
在这里
此div
可以是当前播放歌曲的任意长度
歌词
歌曲

这里是
这个div
可以是任意长度
播放歌曲
这里是
这个div
可以是任意长度
当前播放歌曲的歌词
这里是
这个div
可以是任意长度
当前播放歌曲的歌词
歌曲
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此分区
可以是任意长度
当前播放歌曲的歌词
在这里
此div
可以是任意长度

哇，太快了。非常感谢Rory，效果很好。没问题，很乐意帮忙