How to scroll to a specific div using jquery or javascript

Question

I want to scroll to a specific div using jquery

I wrote code like:

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

But it does not move to div position. How can I do this in jquery or javascript

Answer 1

try it

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

.scrollTop ()

Answer 2

Try

. scrollTop ()

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

---

or

scrollIntoView ()

 $('#dynamictabstrp')[0].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 to your id or div class.

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

Source code and live demo can be found here - Smooth scrolling to div using jQuery

Answer 5

You can set the offset as required

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