如何滚动以生成本机 JavaScript？

Question

我正在将代码转换为直接使用DOM API 而不是使用jQuery，有一个具有滚动功能的场景。我无法直接使用 DOM API 转换为版本：

jQuery 代码：

function scrollToResult() {
    var $height1 = $('.class1').outerHeight();

    $('body, html').stop().animate({
        scrollTop : $('.class2').offset().top - $height1;
    }, 200);
}

纯 JavaScript 代码：

function scrollToResult() {
    var $height1 =document.querySelector('.class1').offsetHeight;

  //error
    document.querySelector('body, html').stop
}

我知道stop不是任何 JavaScript 方法。这里该如何进行？

Answer 1

我知道 stop 不是 JavaScript 的任何方法。这里该如何进行？

是的，原生 Javascript 中没有stop()方法，但原生方法是使用scrollTo()method，它：

滚动到文档中的一组特定坐标。

您可以使用该Window.scrollTo()方法和 asetTimeout()来使延迟动画发生。