jQuery Scroll to element

by Ben Clayton

HTML

<html>
    <div id="div1" style="height: 1000px; width 100px">
        Test
    </div>
    <br/>
    <div id="div2" style="height: 1000px; width 100px">
        Test 2
    </div>
    <button id="click">Click me</button>
</html>

JavaScript

$("#click").click(function (){
   $('html, body').animate({
       scrollTop: $("#div1").offset().top - 10
   }, 2000);
});