jQuery स्क्रॉल पृष्ठ के नीचे

Question

मेरे पृष्ठ को लोड होने के बाद। मैं चाहता हूं कि jquery पृष्ठ के निचले हिस्से तक अच्छी तरह से स्क्रॉल करें, जल्दी से एनिमेट करना, स्नैप/झटका नहीं।

क्या मुझे इसके लिए ScrollTo जैसी प्लगइन चाहिए? या यह jQuery में कुछ कैसे बनाया गया है?

Answer 1

तुम बस scrollTop संपत्ति एनिमेट द्वारा पृष्ठ स्क्रॉल करना चेतन सकता है, कोई प्लगइन की आवश्यकता है, इस तरह:

$(window).load(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, 1000); 
}); 

नोट window.onload का उपयोग (जब छवियों लोड किए गए हैं ... जो ऊंचाई पर कब्जा) document.ready के बजाए।

तकनीकी रूप से सही होने के लिए, आप विंडो की ऊंचाई घटाना करने की जरूरत है, लेकिन इसके बाद के संस्करण काम करता है:

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); 

---

एक विशेष आईडी के लिए स्क्रॉल करने के लिए, अपने .scrollTop() उपयोग करते हैं, इस तरह:

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000); 

Answer 2

कुछ इस तरह:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000); 

Answer 3

$("div").scrollTop(1000); 

मेरे लिए काम करता है। नीचे स्क्रॉल करें।

Answer 4

$('html,body').animate({ scrollTop: 9999 }, 'slow'); 

के रूप में इस के रूप में सरल, 9999 पेज ऊंचाई ... बड़ा रेंज तो यह नीचे करने के लिए पहुँच सकते हैं।

Answer 5

'document.body.clientHeight' का उपयोग करके आप शरीर तत्वों की देखा ऊंचाई

$('html, body').animate({ 
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height() 
}, 1000); 

आईडी पर इस स्क्रॉल 'particularDivision'

Answer 6

js

var el = document.getElementById("el"); 
el.scrollTop = el.scrollHeight - el.scrollTop; 

Answer 7

प्राप्त कर सकते हैं पिछले उत्तरों में वर्णित स्क्रिप्ट, जैसे:

$("body, html").animate({ 
    scrollTop: $(document).height() 
}, 400) 

में काम नहीं करेगा क्रोम और मामलेhtmlमें टैग सीएसएसoverflow: auto; संपत्ति सेट है में सफारीमें उछल हो जाएगा। मुझे पता लगाने में लगभग एक घंटे लग गए।

Answer 8

$('#pagedwn').bind("click", function() { 
     $('html, body').animate({ scrollTop:3031 },"fast"); 
     return false; 
}); 

यह समाधान मेरे लिए काम किया। यह तेजी से पेज स्क्रॉल में काम कर रहा है।

Answer 9

आप कोशिश कर सकते हैं इस

var scroll=$('#scroll'); 
scroll.animate({scrollTop: scroll.prop("scrollHeight")});