18
में बड़ी सूची दिखा रहा है क्या कोई जावास्क्रिप्ट लाइब्रेरी है जो उस सूची के देखने योग्य भाग को लोड करके और स्क्रॉलबार को फिक्र करके केवल एक विशाल सूची लोड करती है?एचटीएमएल
<div id='container'>
<!-- Empty but height is set to take up space to fake scrollbar -->
<div id='hidden-before'></div>
<!-- Preloaded in case the user scrolls up -->
<div id='preload-before'></div>
<!-- User can see this. Height == #container's height -->
<div id='viewable-section'></div>
<!-- Preloaded in case the user scrolls down -->
<div id='preload-after'></div>
<!-- Empty but height is set to take up space to fake scrollbar -->
<div id='hidden-after'></div>
</div>
उदाहरण के लिए Google डॉक्स बड़े टेक्स्ट दस्तावेज़ों के लिए करता है।
नोट: जो मैं खोज रहा हूं वह अनंत स्क्रॉल से अधिक जटिल है। अनंत स्क्रॉल बस आपके लिए नीचे हिट करने की प्रतीक्षा करता है और यह स्क्रॉलबार को बढ़ाकर अधिक डेटा लोड करेगा। जो मैं खोज रहा हूं, आपको लगता है कि सभी डेटा लोड हो गए हैं क्योंकि स्क्रॉलबार फिक्र हैं। जब आप नीचे हिट करते हैं, तो आपने वास्तव में उस सूची के अंत को मारा है जिसे मैं दिखाना चाहता हूं।
आप अपनी सूची छोटा करने के तौर-तरीकों पर विचार करना चाहिए, वहाँ श्रेणियों में बांटा जा सकता है कर रहे हैं? आंशिक रूप से सूची लोड करने का अर्थ है कि इन-पेज खोज शायद काम नहीं करेगी, इसलिए आप उपयोगकर्ता को सूची के माध्यम से स्क्रॉल कर रहे हैं और खोज में टाइप करने के बजाए इसे मैन्युअल रूप से खोज सकते हैं। – RobG
मुझे लगता है कि Google डॉक्स * पेज * पर आधारित है, जिसमें निश्चित ऊंचाई है। एक HTML सूची पर, प्रत्येक सूची आइटम की ऊंचाई को जानने के लिए कोई तरीका नहीं है, जब तक कि आप उन्हें DOM में लोड न करें। – bfavaretto
@bfavaretto निश्चित है लेकिन मैं प्रत्येक सूची आइटम के लिए एक निश्चित ऊंचाई भी रख सकता हूं जिसे मैं दिखाना चाहता हूं। – jhchen