Golang React JS Technology Blog

How to scroll page to particular Div on click using jQuery?

Scroll to Div 
<!DOCTYPE html>
<html lang="en">
   <head>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
      <script>
         $(document).ready(function (){
             $("#click").click(function (){
                 $('html, body').animate({
                     scrollTop: $("#div1").offset().top
                 }, 2000);
             });
         });
      </script>
   </head>
   <body>
      <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>
   </body>
</html>
Most Helpful This Week
Highlight and get the details of table row on click using JavaScript Generate random password for form field on click using JavaScript JavaScript example to change image on click JavaScript convert string variable in boolean using Regex How to join string with number in JavaScript? JavaScript check if first string contains all characters of second string