2013-02-17 17 views
14

तो मेरे पास एक चैट-जैसे div वाला एक पृष्ठ है जो पाठ के साथ भर जाता है। इसकी एक निश्चित ऊंचाई और चौड़ाई (सीएसएस द्वारा परिभाषित) है।jQuery अद्यतन के बाद भी div के नीचे स्क्रॉल करें?

मैं हर अद्यतन पर नीचे करने के लिए स्क्रॉल करने के लिए इसकी जरूरत है, यहाँ जे एस मैं अब तक का उपयोग किया है है:

$("#div1").animate({ scrollTop: $('#div1').height()}, 1000); 

यह थोड़ी देर के लिए काम करता है और फिर अचानक बंद हो जाता है ... मुझे लगता है कि यह कुछ हो सकता है div के लिए मेरी सेट ऊंचाई के साथ करने के लिए? मुझे यकीन नहीं है।

तो क्या मैं इसे सामग्री (सामग्री एक jQuery/AJAX समारोह का उपयोग कर अद्यतन किया जाता है)

अग्रिम धन्यवाद है की div स्क्रॉल नीचे नीचे करने के लिए सुनिश्चित करने के लिए कर सकते हैं!

संपादित करें: मैं भी $("#div1").animate({ scrollTop: $('#div1').height()}, 0); की कोशिश की है लेकिन यह अभी भी एक निश्चित बिंदु पर स्क्रॉल बंद हो जाता है ...

उत्तर

37

आप .scrollHeight साथ की कोशिश की है:

$("#div1").animate({ scrollTop: $("#div1")[0].scrollHeight}, 1000); 

scollHeight documentation at MDN

+0

धन्यवाद! सरल और प्रभावी! – user115422

+0

खुशी है कि आपकी मदद की। – Jai

+6

यह नहीं होना चाहिए: $ ("# div1")। एनिमेट ({scrollTop: $ ("# div1") [0] .scrollHeight}, 1000); – peteski

संबंधित मुद्दे