प्रयोग का समय - स्क्रोल ऐंकरिंग

क्या आपको कभी किसी वेब पेज पर जाकर, कुछ कॉन्टेंट पढ़ते समय विज्ञापन या इमेज लोड होने की वजह से, पेज पर अपनी जगह खोने की समस्या हुई है?

ऐसे में, Chrome 51 में स्क्रोल ऐंकरिंग फ़्लैग की जांच करना अच्छा रहेगा.

स्क्रोल ऐंकरिंग की सुविधा, पेज पर आपकी मौजूदा जगह का ट्रैक रखती है. साथ ही, पेज पर आपकी पोज़िशन में बदलाव करने वाली किसी भी चीज़ को रोकती है.

इस सुविधा को आज़माने के लिए, यह तरीका अपनाएं:

  1. Chrome Dev / Canary पर, chrome://flags/#enable-scroll-anchoring पर जाएं
  2. ड्रॉपडाउन से “चालू है” चुनें
  3. स्क्रीन पर सबसे नीचे, “अभी फिर से लॉन्च करें” पर क्लिक करें

इससे, स्क्रोल ऐंकरिंग की सुविधा चालू हो जाएगी.

हम इसे कुछ समय से इस्तेमाल कर रहे हैं और हमें लगता है कि इससे वेब पर सभी उपयोगकर्ताओं के अनुभव को काफ़ी बेहतर बनाने में मदद मिलती है. हालांकि, हम यह पक्का करना चाहते हैं कि यह हर जगह अच्छी तरह से काम करे. अगर आपको कोई ऐसा उदाहरण मिलता है जिसमें स्क्रोल ऐंकरिंग, पेज में रीफ़्लो को मैनेज नहीं कर पाई या ऐसे उदाहरण मिलते हैं जहां इसे इंटरवेंशन नहीं करना चाहिए था, तो हमें इसके बारे में ज़रूर बताएं!

अगर आपको लगता है कि रीफ़्लो के दौरान कोई गड़बड़ी हुई है, तो हमें इसकी शिकायत करने के लिए यह फ़ॉर्म भरें: g.co/reportbadreflow

अक्सर पूछे जाने वाले सवाल

इस बदलाव से JavaScript स्क्रोलिंग पर क्या असर पड़ता है?

कम शब्दों में कहें, तो - ऐसा नहीं होता.

इस बदलाव से, रीफ़्लो की वजह से स्क्रोल करने पर होने वाले असर में बदलाव होता है. उदाहरण के लिए, किसी एलिमेंट में क्लास का नाम जोड़ने से उसकी ऊंचाई बढ़ जाती है. इससे पेज फिर से लोड होता है और स्क्रोल ऐंकरिंग की मदद से, पेज को एक जगह से दूसरी जगह जाने से रोका जा सकता है.

window.scrollTo(0, 1) (हां, यह पुराने स्कूल का हैक है) को कॉल करने से, पेज फिर से फ़्लो नहीं होगा और यह सामान्य तरीके से काम करेगा. टच इवेंट पर भी यही बात लागू होती है.

अगर आपको कोई ऐसा उदाहरण मिलता है जिसमें स्क्रोल ऐंकरिंग की वजह से आपके पेज पर असर पड़ रहा है, तो कृपया इस फ़ॉर्म के ज़रिए सुझाव/राय दें या शिकायत करें: g.co/reportbadreflow