फोर्स स्क्रॉलबार नीचे

Question

मैं थोड़ा मैसेजिंग/चैट सिस्टम बना रहा हूं जो अच्छा और बढ़िया काम कर रहा है। समस्या यह है कि <div> जो संदेशों को आउटपुट किया गया है, जिस तरह से मुझे इसकी आवश्यकता है स्क्रॉल नहीं करता है।

सभी नए संदेश div के निचले भाग में जोड़े जाते हैं और जब अधिक जोड़े जाते हैं और स्क्रॉलबार दिखाई देता है, तो स्क्रॉलिंग <div> के शीर्ष पर रहता है। मुझे इसे उलटने की आवश्यकता है, ताकि स्क्रॉलिंग हमेशा <div> के नीचे चिपक जाती है।

मैं जो चाहता हूं उसका एक अच्छा उदाहरण स्टीम की चैट विंडो, या यहां तक ​​कि यह टेक्स्ट इनपुट जो मैं प्रश्न को भरने के लिए उपयोग कर रहा हूं।

जैसा कि मैं jQuery से बचना चाहता हूं, यह मुझे पूरी तरह से अटक गया है। यदि आप मुझे सही दिशा में इंगित कर सकते हैं जो बहुत अच्छा होगा! मुझे यकीन नहीं है कि एचटीएमएल और सीएसएस इसे संभाल सकता है, या जावास्क्रिप्ट बिल्कुल आवश्यक है।

Answer 1

जावास्क्रिप्ट नीचे अपनी div के स्क्रॉलबार तल पर तैनात है जैसे आप वर्णित रखना चाहिए कोड: http://web.archive.org/web/20080821211053/http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html

Answer 2

मैं इस बारे में सोच:

var objDiv = document.getElementById("divExample"); 
objDiv.scrollTop = objDiv.scrollHeight; 

यह समाधान और अधिक जानकारी नीचे दिए गए लिंक पर पाया जा सकता एक बेहतर समाधान है:

element.scrollTop = element.scrollHeight - element.clientHeight;