नीचे स्क्रॉल को

Question

मेरे पास एक शॉउटबॉक्स है और मैं स्क्रॉल को आईएम विंडो के समान ही रखना चाहता हूं।

मेरे एचटीएमएल

<div id="shoutContainer"> 
      <table id="shoutbox"> 
       <tbody> 
         <!-- shouts here --> 
       </tbody> 
      </table> 
    </div> 

मेरे सीएसएस

#shoutContainer { 
    height: 100px; overflow-y: scroll; 
} 

संभव नहीं है, तो HTML और सीएसएस के माध्यम से

है। क्या हम इसे कच्चे जावास्क्रिप्ट में प्राप्त कर सकते हैं? क्योंकि मैं किसी भी ढांचे का उपयोग नहीं कर रहा हूं

Answer 1

जब भी एक आइटम जोड़ा जाता है, निम्न करें:

document.getElementById('shoutContainer').scrollTop = 10000; 
// or some other big number 

संपादित

Answer 2

मुझे यकीन नहीं है कि आप इसे अकेले सीएसएस के साथ कर सकते हैं, लेकिन यहां एक महान jQuery समाधान है: Ajaxdaddy shoutbox।

Free shoutboxes:

यहाँ अपने ग्राहक खुश रखने के लिए एक नि: शुल्क चिल्लाओ बॉक्स सेवा है।

मैंने अभी यह सुनिश्चित करने के लिए एक बनाया है कि यह ठीक है, example here।