"तल पर" एक स्क्रॉल तत्व ठहरने बनाओ सामग्री को जोड़ते समय

वोट
2

मैं एक वेब अनुप्रयोग है कि मैं पर काम कर रहा हूँ के लिए एक उपयोगिता पेज का निर्माण कर रहा हूँ। मैं एक तत्व है कि मैं एक तरह की कंसोल के रूप में उपयोग करना चाहते हैं।

मैं अजाक्स कॉल के माध्यम से सांत्वना (प्रोटोटाइप का प्रयोग करने के लिए प्रविष्टियां प्राप्त Ajax.PeriodicalUpdater)।

समस्या मैं आ रही है कि जब मैं कंसोल की तह तक नई लाइनें डालने, स्क्रॉलबार प्रारंभिक स्थिति (ताकि मैं हमेशा शीर्ष लाइनों को देखने के लिए जब तक मैं मैन्युअल रूप से नीचे स्क्रॉल करें) में रहता है।

मैं स्क्रॉलबार स्वचालित रूप से तल पर रहने कैसे बना सकते हैं?

मैं कुछ पुस्तकालयों है कि यह इस परियोजना में आवश्यकता के लिए प्रोटोटाइप का उपयोग कर रहा है, इसलिए मुझे लगता है कि या नियमित रूप से जावास्क्रिप्ट यदि संभव हो तो साथ रहना पसंद करेंगे।

बस एक नोट के रूप में, मैं पहले से ही इस की कोशिश की:

onComplete: function() { 
    $('console').scrollTop = $('console').scrollHeight;
}

यह लगभग काम करता है, सिवाय इसके कि यह हमेशा एक कदम पीछे है, और मैं सबसे हाल ही में आइटम नहीं देख सकता।

30/10/2008 को 04:23
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
4

new Ajax.PeriodicalUpdater(container, url, {
    onComplete: function() {
        (function() {
            container.scrollTop = container.scrollHeight;
        }).defer();
    }
});
30/10/2008 को 04:27
का स्रोत उपयोगकर्ता

वोट
1

हे, मैं लगभग बिल्कुल वही बात (एक अजाक्स कंसोल) का निर्माण और मेरे overflowed नीचे करने के लिए सभी तरह से scolling नहीं div के साथ मुद्दों था।

और स्टैक ओवरफ़्लो मुझे इसे हल में मदद की! आशा है कि यह आप भी मदद करता है!

जावास्क्रिप्ट के साथ overflowed DIVs स्क्रॉल

संपादित करें: मेरा प्रश्न इस्तेमाल किया jQuery, लेकिन समस्या यह जे एस ढांचे सीएसएस के साथ गुण का उपयोग कर रहे यह है के साथ नहीं है। मूल रूप से आपको मिल Math.max (div.scrollHeight, div.clientHeight) क्योंकि कुछ ब्राउज़रों उन विशेषताओं के साथ एक सा गाड़ी रहे हैं की जरूरत है।

30/10/2008 को 04:56
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more