कैसे jQuery या जावास्क्रिप्ट

Question

का उपयोग कर विशेष div करने के लिए स्क्रॉल करने के लिए मैं jQuery

का उपयोग कर रहा लिखा है कोड की तरह विशेष div करने के लिए स्क्रॉल करना चाहते हैं:

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

लेकिन यह div में जाने नहीं कर रहा है पद। मैं कैसे कर सकता है कि jQuery या जावास्क्रिप्ट में

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 यह सरल लिपि। अपने विशेष div आईडी या कक्षा के साथ #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); 
     } 
});