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

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

Chrome 51 में स्क्रोल ऐंकरिंग फ़्लैग को देखना सही हो सकता है.

स्क्रोल ऐंकर यह ट्रैक करता है कि आप पेज पर कहां हैं. साथ ही, यह रीफ़्लो की वजह से पेज पर आपकी पोज़िशन में रुकावट नहीं डालता.

इस सुविधा को खुद आज़माने के लिए, ये काम करें:

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

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

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

इस फ़ॉर्म को भरकर, हमें ऐसे सुझाव या राय भेजें जिनके बारे में आपको अनचाहे व्यवहार का पता चला हो: g.co/reportbadreflow

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

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

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

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

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

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