पुन: प्रतिपादन सूची टेम्पलेट पेज शीर्ष पर

Question

स्क्रॉल करने के लिए मैं कुछ टेम्पलेट्स है कि इस तरह मोटे तौर पर देखने के लिए है का कारण बनता है मुझे ऐसा कुछ देता है जो एक अनंत स्क्रॉलिंग अनुभाग की तरह काम करता है। जब भी मैं, loadMore पर क्लिक करें, हालांकि (वास्तविक कोड में कुछ अधिक चलती भागों में है, लेकिन यह महत्वपूर्ण बिट है।)

, यह दोनों मुझे वापस पृष्ठ के शीर्ष करने के लिए नीचे और स्क्रॉल अधिक डेटा खींचती है, बल्कि अनंत स्क्रॉल के उद्देश्य को हराया। मैं कुछ जावास्क्रिप्ट में फेंक सकता हूं जहां इसे होना चाहिए, लेकिन यह एक बुरा झिलमिलाहट छोड़ देता है क्योंकि पेज क्विकली के आसपास हो जाता है।

मैंने पूरी सूची में preserve का उपयोग करके प्रत्येक आइटम div पर अपडेट करने से रोकने के लिए प्रयास किया है, लेकिन ऐसा लगता है कि स्क्रॉलिंग को रोकना प्रतीत नहीं होता है। मैंने किसी भी भाग्य के बिना, किसी भी और सब कुछ के आसपास {{#isolate}} ब्लॉक डालने का भी प्रयास किया है।

क्या ऐसा कुछ है जो पृष्ठ को फिर से प्रस्तुत करने के दौरान पृष्ठ को स्क्रॉल करने के लिए नहीं कर सकता है? अलग टेम्पलेट्स को अलग करना? preserve या {{#isolate}} के कुछ पहलू जिन्हें मैंने याद किया है?

Answer 1

पृष्ठ शीर्ष पर स्क्रॉल करता है क्योंकि आपका <a href="#">Load more...</a> पृष्ठ को शीर्ष पर स्क्रॉल कर देगा। जब आपका href पृष्ठ "#" लिंक करता है तो # "तत्व आईडी" के साथ DOM तत्व पर स्क्रॉल होगा। केवल "#" के साथ एक लिंक पर क्लिक करने से शीर्ष पर स्क्रॉल होगा।

1. रोकें क्लिक करें घटना पर डिफ़ॉल्ट व्यवहार (आसान विकल्प):

   आपके पास दो विकल्प

   Template.loadMore.events({ 
   "click": function(event) { 
       event.preventDefault(); 
       Session.set("itemCount", Session.get("itemCount") + 10); 
   } }) 
   

   इस पृष्ठ पुनः लोड

2. भी अच्छी बात करना बंद कर देगा: बनाना <a href="#">Load more...</a>"#{{_id}}" से लिंक करें तो पृष्ठ आपके द्वारा प्रदान की गई आईडी के साथ स्वचालित रूप से तत्व पर स्क्रॉल करेगा। आपको अंतिम आइटम की आईडी देने के लिए टेम्पलेट्स में कुछ पुनर्गठन और शायद एक सहायक विधि की आवश्यकता होगी। लेकिन यह आपके पृष्ठ को बिल्कुल वही लोड करेगा जहां आप चाहते हैं।