अंतहीन स्क्रॉलिंग में सुधार

2011 में, यह बहुत फैशनेबल था (मेरी राय में, यह मॉड फेसबुक से) आपकी साइटों पर "अंतहीन स्क्रॉलिंग" करने के लिए है: यह तब होता है जब उपयोगकर्ता स्पिन करता है, माउस व्हील को घुमाता है, और सभी नए खोज परिणाम पृष्ठ के निचले भाग में अजाक्स द्वारा लोड किए जाते हैं, साधारण स्क्रॉलिंग में बदल जाते हैं अंतहीन और उस उपयोगकर्ता का कारण जिसने पहली बार "संज्ञानात्मक असंगति" का सामना किया है।

इसके अलावा, हाल ही में मैंने इस साइट पर एक लेख देखा, जिसमें लेखक ने "अंतहीन स्क्रॉलिंग" पर असंतोष व्यक्त किया और अच्छे पुराने "पेजिनेशन" के उपयोग के लिए कहा।

मैं लेखक से सहमत हूं। मैं खुद एक ड्रग एडिक्ट हूं, और कभी-कभी मैं मॉनिटर के पीछे बैठ जाता हूं जैसे कि मुग्ध, कांच की आंखों के साथ, मैं मोड़, मोड़, एक जादू पहिया घुमाता हूं, मैं अपने व्यवसाय / कार्य / स्टोर के लिए / खाने / पीने / शौचालय के बारे में जाने में सक्षम नहीं हूं, और मैं इसे ट्विस्ट करता हूं एक ही विचार के साथ: "ठीक है, तुम सब कब समाप्त करोगे?" (आप क्या कर सकते हैं - मैं चीजों को अंत तक लाने के लिए उपयोग किया जाता हूं)।

एक सुबह मैं उठा और दृढ़ता से फैसला किया: "यह सहन करने के लिए पर्याप्त है!"

मैं अपनी छोटी सी स्क्रिप्ट आपके सामने पेश करता हूं जिसे मैंने दूसरे दिन अपने "सोशल नेटवर्क" (लाठी और वेश्या के साथ) के लिए लिखा था।

डेमो देखने के लिए, संग्रह डाउनलोड करें, और "परीक्षण / test.html" फ़ाइल चलाएं।

यह स्क्रिप्ट क्या नवाचार पेश करती है:

चूंकि वे मुख्य "स्क्रॉलबार" को समझ से बाहर कर देते हैं, इसलिए हमें सामान्य "स्क्रॉलबार" को वापस करने की आवश्यकता होती है, जो हमने पृष्ठ के दाईं ओर एक ग्रे बार को खींचकर किया था, तुरंत "स्क्रॉलबार" के बाईं ओर।

तथ्य यह है कि यह बार शीर्ष पर पहुंच गया है कि हम कितने नमूना परिणाम पहले से ही फ़्लिप कर चुके हैं। सामान्य तौर पर, यह पट्टी काली के रूप में होती है। जहां यह ग्रे है पूरे नमूने में वह जगह है जहां हम अभी हैं।

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

और किसी भी पृष्ठ पर नेविगेशन के लिए जिसकी आपको आवश्यकता है: आप यहां किसी भी पृष्ठ पर पहुंच सकते हैं - वेब पेज के पते में आपके द्वारा आवश्यक पृष्ठ की संख्या को प्रतिस्थापित करें। चूँकि मानव-पठनीय urls अब मानक हैं, यह एक अच्छा समाधान होना चाहिए।

यह स्क्रिप्ट, स्पष्ट रूप से, ग्रेनाइट में कुछ भी नहीं खुदी हुई है, और मैं खुद, आज सुबह उठकर, इसका आधा हिस्सा फिर से लिखा था। हालाँकि, प्रदर्शन स्थिर प्रतीत होता है, और क्रोम और फ़ायरफ़ॉक्स के नवीनतम संस्करणों में परीक्षण किया गया है। मुझे तुरंत कहना होगा: मैं "क्रॉस-ब्राउज़र संगतता" का पीछा नहीं कर रहा हूं - यह हमेशा समाप्त हो सकता है यदि कोई व्यक्ति इस स्क्रिप्ट को अपनी "क्रॉस-ब्राउज़र" साइट पर उपयोग करना चाहता है।

यह सब कुछ की तरह लगता है, डेमो खुद के लिए बोलता है। पोस्ट उकसाने वाली टिप्पणी।

और क्या किया जा सकता है (टिप्पणियों के आधार पर):

जब आप पट्टी पर कहीं भी क्लिक करते हैं, तो चयन के संबंधित पृष्ठ पर जाएं।

जब वेब पेज पर बहुत अधिक डेटा हो (तो धीमा करने के लिए नहीं) तो वेब पेज के ऊपर से डेटा पेज निकालें।

बेहतर "अंतहीन स्क्रॉलिंग" के उदाहरण:

demo.lanmediaservice.com/video/#/catalog/page/4
search.rsl.ru