मैं कई पंक्तियों के साथ एक कस्टम HTML तालिका/सूची बनाना चाहता हूं। मुझे पंक्ति वर्चुअलाइजेशन की आवश्यकता है, लेकिन मुझे यकीन नहीं है कि इसे प्राप्त करने का सबसे अच्छा तरीका क्या है।HTML/CSS/JS में किसी तालिका/सूची के लिए पंक्ति वर्चुअलाइजेशन कैसे लागू करें?
पंक्ति वर्चुअलाइजेशन द्वारा मैं उस अवधारणा का जिक्र कर रहा हूं जहां तालिका/उल/div की पंक्तियां तब तक दिखाई नहीं देती हैं जब तक वे दृश्य में स्क्रॉल नहीं होते हैं। असल में, बिंदु प्रतिपादन को खत्म करना है यदि आइटम कभी नहीं दिखाया जाता है (स्क्रॉल के पीछे)।
कोई विचार? मुझे लगता है कि जैसे ही वे "दृश्य में स्क्रॉल" करते हैं, DOM तत्वों को सूची में जोड़ने की आवश्यकता होती है। और फिर मुझे स्क्रॉलिंग संभव बनाने के लिए सभी पंक्तियों की कुल ऊंचाई की ऊंचाई के साथ एक अदृश्य div होना चाहिए।
क्या कोई आसान कोड उदाहरण हैं जो इसे पूरा करते हैं?
मुझे लगता है कि इस और वास्तविक वर्चुअलाइजेशन के बीच का अंतर यह है कि अनंत स्क्रॉलिंग पृष्ठ स्क्रीन से स्क्रॉल होने पर डीओएम से तत्वों को नहीं हटाते हैं। वर्चुअलाइजेशन का उपयोग करते समय डीओएम तत्वों को सक्रिय रूप से जोड़ा और हटा दिया जा रहा है। –