javascript - 如何使用 jquery 平滑滚动

Question

我正在使用 scrollTop 来滚动浏览内容 div

    var container = $('#content');
    container.scrollTop(
        $('#topic-' + id).offset().top - container.offset().top
    );

    container.scrollTop(
        container.scrollTop() + $('#topic-' + id).offset().top - container.offset().top
    );

它有效。但是滚动对眼睛来说很难。有什么办法可以简化过渡。

感谢任何帮助。

Answer 1

来自jquery API ...

您需要在动画中使用滚动条作为方法。即:

.animate({scrollTop:0}, 2000, 'ease')