如何使用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
    );

它可以工作。但是滚动对眼睛来说很困难。有没有什么方法可以缓解过渡？

我感激任何帮助。

- Josh Randall

Answer 1

来自 jQuery API ...

在动画中需要使用scrolltop作为一个方法，例如：

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

- designosis

---

是的，这是最好和最快的选项。如果您需要更多功能，例如滚动插件，也有相应的插件可用，如http://plugins.jquery.com/project/ScrollTo。 - llamerr