クリックイベントの特定divへのスクロール

Question

divには「second」のクラスがあります。 buttonをクリックすると、その要素のページにスクロールしたいと思います。以下は、jQueryを使ってこの記事を書いたものですが、これをバニラの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>