How to scroll to the particular div using jquery or javascript

Question

I want to scroll to the particular div using jquery

I have written the code like:

 $("#button").on('click',function(){
     var p = $("#dynamictabstrp");
     var offset = p.offset();
     window.scrollBy(offset.left, offset.top);
 });

But it is not moving to the div position. How can i do that in jquery or javascript

Answer 1

Try this

$("#button").on('click',function() {
    $('html, body').animate({
        'scrollTop' : $("#dynamictabstrp").position().top
    });
});

.scrollTop()

Answer 2

Try

.scrollTop()

$(window).scrollTop($('#dynamictabstrp').offset().top);

---

or

scrollIntoView()

document.getElementById('dynamictabstrp').scrollIntoView(true);

or

 document.getElementById('dynamictabstrp').scrollIntoView(true); 

Answer 3

Here is the code :-

$(document).ready(function (){
  $("#button").on('click',function(){                
         $('html, body').animate({
              scrollTop: $("#dynamictabstrp").offset().top
        }, 1000);               
    });
});

or

$(document).ready(function (){
  $("#button").click(function(){                
         $('html, body').animate({
              scrollTop: $("#dynamictabstrp").offset().top
        }, 1000);               
    });
});

Answer 4

Try this simple script. Change #targetDiv with your particular div ID or Class.

$('html,body').animate({
    scrollTop: $('#targetDiv').offset().top
}, 1000);

The source code and live demo can be found from here - Smooth scroll to div using jQuery

Answer 5

You can set offset as per requirement

jQuery(document).ready(function(){
function secOffset(){
                        jQuery('html, body').animate({
                        scrollTop: jQuery(window.location.hash).offset().top - 60
                }, 0);
        }
});