jquery - 如何以可配置的速度自动滚动 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);