Как перейти к конкретному DIV с помощью JQuery или JavaScript

Question

Я хочу, чтобы перейти к конкретному DIV с помощью JQuery

Я написал код, как:

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

Но не двигается в DIV должность. Как я могу сделать это в JQuery или JavaScript

Answer 1

Попробуйте

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

.scrollTop()

Answer 2

Попробуйте

.scrollTop()

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

---

или

scrollIntoView()

$('#dynamictabstrp')[0].scrollIntoView(true); 

или

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

Answer 3

Вот код: -

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

или

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

Answer 4

Tr y этот простой скрипт. Измените #targetDiv с вашим идентификатором или классом.

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

Исходный код и демо можно найти здесь - Smooth scroll to div using jQuery

Answer 5

Вы можете установить смещение в соответствии с требованием

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