我在HTML页面上工作,我有一个名为divContainer
的div。我想自动上下滚动这个div。为此,我使用了以下代码:
$(document).ready(function() {
var interval = setInterval(function() {
if ($("#divContainer").scrollTop() != $('#divContainer')[0].scrollHeight) {
$("#divContainer").scrollTop($("#divContainer").scrollTop() + 10);
} else {
clearInterval(interval);
}
}, 100);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="divContainer" style="height:950px;overflow:auto"></div>
然而,这段代码是从上到下滚动div,而不是从下到上。我还想不断地上下滚动。我如何才能做到这一点?
1条答案
按热度按时间o4hqfura1#
它可以简单地通过存储您移动的方向并在到达顶部/底部时切换来完成。检查是否需要切换的最简单方法是查看自上次迭代以来位置是否实际发生了变化。
如果您试图通过传递一个太小或太大的数字来滚动到一个位置,该位置将分别设置为顶部或底部。在这种情况下,
scrollTop()
将返回与之前相同的数字,我们将知道是时候切换方向了。