javascript - 单击事件滚动到特定的 div

Question

我有一个 div 类为“second”。单击 button 时，我想滚动到页面中的那个元素。下面是我如何使用 jQuery 编写的，但我想知道如何使用 vanilla JavaScript 编写它？

$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

Answer 1

function getPosition(element) {
        var e = document.getElementById(element);
        var left = 0;
        var top = 0;

        do {
            left += e.offsetLeft;
            top += e.offsetTop;
        } while (e = e.offsetParent);

        return [left, top];
    }

    function jumpTo(id) {
        window.scrollTo(getPosition(id));
    }

<a href="#one" onclick="jumpTo('one');">One</a>

<div style="height: 900px"></div>
<div id="one"></div>