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

Question

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

这是我目前的代码：

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);
        }
    }

此代码有效，它按计划自动滚动到页面底部，但滚动速度非常快，我想配置此速度。

我过去使用过jQuery Animate而不确定它是否真的有用。

Answer 1

使用jQuery动画页面滚动：

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

通过获取该元素offset().top

，可以获得滚动到特定元素所需的距离

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