javascript - 如何滚动以生成 native 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

I know stop is not any method of JavaScript. How to proceed here ?

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

Scrolls to a particular set of coordinates in the document.

您可以使用 Window.scrollTo() method 与 setTimeout() 一起使延迟动画发生。