2010-09-28 15 views
6

क्या ट्विटर मुखपृष्ठ पर "शीर्ष ट्वीट्स" जैसी स्वचालित स्क्रॉलिंग सूची बनाने के लिए कोई अच्छी जावास्क्रिप्ट लाइब्रेरी है? JQuery प्लगइन के रूप में पसंदीदा। इसे AJAX कार्यक्षमता का समर्थन करना चाहिए (गतिशील रूप से नई सूची आइटम जोड़ने के लिए)। Scrolling Listस्वचालित रूप से स्क्रॉलिंग लाइव टिकर (जैसे ट्विटर के "शीर्ष ट्वीट्स")

उत्तर

9

के रूप में हम वास्तव में मौजूदा समाधान हम खरोंच से एक कार्यान्वित से संतुष्ट नहीं थे। हमारा समाधान पूरी तरह से jQuery UI संगत टिकर प्लगइन (उनके थीमिंग फ्रेमवर्क के साथ भी संगत) और पूरी तरह से यूनिट परीक्षण किया गया है। हमारे पास अभी तक प्रत्येक ब्राउज़र के तहत परीक्षण करने का समय नहीं है, इसलिए प्रतिक्रिया का स्वागत है (समस्याओं के लिए कृपया नीचे दीथब परियोजना साइट पर मुद्दों को खोलें)।

एक विशेष स्टाइल demo (ट्विटर जैसा) here उपलब्ध है। मुख्य मुख्य भंडार here (ticker branch) पाया जा सकता है। टिकर को अनुकूलित करने के लिए कई विकल्प हैं (उपर्युक्त गिथब भंडार में दस्तावेज़ीकरण)।

स्क्रीनशॉट:

Ticker Screenshot

+1

हाय टिम, मैंने अभी नए डेमो और रेपो के लिंक अपडेट किए हैं। टिकर अब फिजी (https://github.com/medihack/fiji) नामक छोटी जावास्क्रिप्ट (jquery ui) विजेट लाइब्रेरी का हिस्सा है। – Zardoz

0

यही है सबसे अच्छा समाधान मैं ढूँढने में सक्षम था की कोशिश करो div इसके अंदर, position: relative संपत्ति के साथ, आपकी फ़ीड (ट्विटर पोस्ट, या समान, आदि) से सामग्री से भरा हुआ है। फिर, जब पृष्ठ लोड होता है तो आंतरिक div के top: सीएसएस मूल्य परिवर्तन (यदि आप सूची को स्क्रॉल करना चाहते हैं, तो top मान शून्य से घटाना चाहिए)।

मुझे संदेह है कि इससे मदद मिलती है, लेकिन यह jQuery प्लगइन का उपयोग किये बिना स्क्रॉलिंग प्राप्त करने का एक अच्छा, आसान तरीका है।

0

आप अपने खुद के लिखने के लिए चाहते हैं, तो तय चौड़ाई/ऊंचाई की एक div बनाने, overflow: hidden साथ, फिर एक और बनाने के लिए:

3

यहाँ एक अच्छा समाधान है: Scrolling List

+0

*** जवाब नकल *** *** स्क्रॉलिंग सूची *** का उपयोग कर? – Kiquenet