Jquery 如何以可配置的速度自动滚动div？

我正在构建一个滚动应用程序，需要用户配置滚动速度

这是我目前的代码：

function scroll() {
        var overlay = document.getElementById('overlay');
        overlay.scrollTop = overlay.scrollTop + 2;
    }

    function togglescrolling() {
        if (goscrolling == false) {
            window.clearInterval(scrollinterval);
            scrollinterval = window.setInterval(scroll, 0);
            goscrolling = true;
        } else {
            goscrolling = false;
            window.clearInterval(scrollinterval);
        }
    }

这段代码正常工作，它会按计划自动滚动到页面底部，但滚动速度非常快，我想配置这个速度

---

我以前使用过jqueryanimate，但不确定它是否真的有用

要使用jQuery设置页面滚动动画：

$('html,body').animate({scrollTop: /* numeric pixel value here*/}, duration);

通过获取特定元素的偏移量（），可以获取滚动到该元素所需的距离。top

var myDivTop= $('#myDiv').offset().top;
$('html,body').animate({scrollTop:myDivTop}, duration);

---

要使用jQuery设置页面滚动动画，请执行以下操作：

$('html,body').animate({scrollTop: /* numeric pixel value here*/}, duration);

通过获取特定元素的偏移量（），可以获取滚动到该元素所需的距离。top

var myDivTop= $('#myDiv').offset().top;
$('html,body').animate({scrollTop:myDivTop}, duration);

---

---

但是，该代码不会向下滚动。。制作动画的代码在哪里？没有动画。我只需要一个div-elments上的autoscroll，你能给我们展示一下使用jsfiddle.net吗？好的，我添加了完整的代码。这个答案可能会有所帮助：虽然代码不会向下滚动。。制作动画的代码在哪里？没有动画。我只需要一个div-elments上的autoscroll，你能给我们展示一下使用jsfiddle.net吗？好的，我添加了完整的代码这个答案可能会有所帮助：我不是在寻找动画。我所期待的是以用户定义的速度自动滚动。我必须以某种方式设置动画。可以将

步骤

添加到

动画（）

@charlieftl，请查看上面的我的代码。我可以自动滚动，但无法更改自动滚动的速度。这就是我现在想要的。我可以改变间隔，但速度赢了；我不会一帆风顺的。使用动画轻松传递用户定义的值不知道为什么要尝试重新发明轮子。这种动画方法非常常见，我不是在寻找动画。我所期待的是以用户定义的速度自动滚动。我必须以某种方式设置动画。可以将

步骤

添加到

动画（）

@charlieftl，请查看上面的我的代码。我可以自动滚动，但无法更改自动滚动的速度。这就是我现在想要的。我可以改变间隔，但速度赢了；我不会一帆风顺的。使用动画轻松传递用户定义的值不知道为什么要尝试重新发明轮子。这种动画方法非常常见