ऊपर स्क्रॉल बटन

क्या आप किसी पेज पर सबसे ऊपर वापस जाने के लिए अंतहीन स्क्रॉलिंग से थक गए हैं? स्क्रॉल टू टॉप बटन किसी भी वेबसाइट पर एक शानदार, फ्लोटिंग बटन जोड़ता है — बस एक टैप और आप एक स्मूथ स्क्रॉल एनिमेशन के साथ वापस टॉप पर पहुँच जाते हैं। हल्का, निजी, और पूरी तरह से आपके नियंत्रण में।

✨ मुख्य विशेषताएँ

⬆️ फ्लोटिंग स्क्रॉल-टू-टॉप बटन — एक साफ़, गोलाकार बटन जिसमें शेवरॉन आइकन होता है, जब आप नीचे स्क्रॉल करते हैं तो दिखाई देता है। पेज के टॉप पर स्मूथली स्क्रॉल करने के लिए इसे क्लिक करें। सरल, तेज़, प्रभावी।

🎯 हर साइट के लिए सक्षम/अक्षम करें — बटन हर साइट पर डिफ़ॉल्ट रूप से अक्षम होता है। आप खुद चुनते हैं कि यह कहाँ दिखाई दे। पॉपअप खोलें, वर्तमान साइट के लिए टॉगल पर क्लिक करें, बस हो गया। उन साइटों पर कोई अव्यवस्था नहीं जहाँ आपको इसकी आवश्यकता नहीं है।

📐 9-पोजीशन प्लेसमेंट ग्रिड — एक विज़ुअल 3x3 ग्रिड का उपयोग करके बटन को स्क्रीन पर कहीं भी रखें: ऊपर, केंद्र, या नीचे के साथ बाएँ, केंद्र, या दाएँ। नौ संभावित पोजीशन। वह स्थान चुनें जो प्रत्येक पेज लेआउट के लिए सबसे अच्छा काम करे।

📌 हर साइट के लिए पोजीशन मेमोरी — अलग-अलग साइटें, अलग-अलग लेआउट। एक साइट पर बटन को नीचे-दाएं और दूसरी पर ऊपर-बाएं सेट करें। स्क्रॉल टू टॉप बटन प्रत्येक साइट की पोजीशन को स्वतंत्र रूप से याद रखता है, इसलिए आपकी प्राथमिकताएँ हमेशा सम्मानित होती हैं।

🛡️ शैडो DOM आइसोलेशन — बटन एक शैडो DOM कंटेनर के अंदर रहता है, जो होस्ट पेज के CSS से पूरी तरह से अलग होता है। इसका मतलब है कि कोई स्टाइल टकराव नहीं होता — बटन हर वेबसाइट पर पूरी तरह से दिखता है और काम करता है, चाहे पेज की स्टाइलिंग कितनी भी जटिल क्यों न हो।

🌙 डार्क मोड सपोर्ट — आपके सिस्टम की कलर स्कीम के अनुसार स्वचालित रूप से अनुकूल हो जाता है। लाइट मोड पर हल्का बैकग्राउंड, डार्क मोड पर पारभासी ग्लास प्रभाव। यह कई वेबसाइटों द्वारा मैन्युअल डार्क मोड टॉगल के लिए उपयोग किए जाने वाले html[dark] एट्रिब्यूट का भी पता लगाता है।

🌍 55 भाषाएँ — एक्सटेंशन पॉपअप और सभी इंटरफ़ेस टेक्स्ट 55 भाषाओं में पूरी तरह से स्थानीयकृत हैं, जिनमें अंग्रेजी, स्पेनिश, फ्रेंच, जर्मन, जापानी, कोरियाई, चीनी (सरलीकृत और पारंपरिक), अरबी, हिंदी, रूसी, पुर्तगाली और कई अन्य शामिल हैं।

♿ कीबोर्ड से सुलभ — स्क्रॉल-टू-टॉप बटन कीबोर्ड नेविगेशन का समर्थन करता है। इस पर टैब करें, सक्रिय करने के लिए Enter या Space दबाएं। स्क्रीन रीडर्स के लिए उचित ARIA रोल और लेबल शामिल है।

🎯 यह कैसे काम करता है

1. इंस्टॉल करें — 'क्रोम में जोड़ें' पर क्लिक करें और एक्सटेंशन तैयार है। कोई अकाउंट आवश्यक नहीं, कोई साइन-अप नहीं, कोई सेटअप विज़ार्ड नहीं।

2. किसी भी वेबसाइट पर जाएं — उस पेज पर नेविगेट करें जहां आप स्क्रॉल-टू-टॉप बटन दिखाना चाहते हैं।

3. साइट को सक्षम करें — अपने टूलबार में स्क्रॉल टू टॉप बटन आइकन पर क्लिक करें। वर्तमान साइट पर बटन को सक्षम करने के लिए टॉगल दबाएं। फ्लोटिंग बटन तुरंत दिखाई देता है।

4. एक पोजीशन चुनें — पॉपअप में 3x3 ग्रिड का उपयोग करके बटन को स्क्रीन पर ठीक वहीं रखें जहाँ आप चाहते हैं। आपकी पसंद इस विशिष्ट साइट के लिए सहेज ली जाती है।

5. स्क्रॉल करें और क्लिक करें — किसी भी पेज पर नीचे स्क्रॉल करें। जब आप स्क्रॉल थ्रेशोल्ड को पार करते हैं, तो बटन एक स्मूथ एनिमेशन के साथ धीरे-धीरे दिखाई देता है। शीर्ष पर वापस जाने के लिए इसे क्लिक करें। बस इतना ही।

🔒 गोपनीयता और सुरक्षा

स्क्रॉल टू टॉप बटन को गोपनीयता को एक मुख्य सिद्धांत के रूप में ध्यान में रखकर बनाया गया है। यहाँ बताया गया है कि यह एक्सटेंशन वास्तव में क्या करता है और क्या नहीं:

🚫 कोई ट्रैकिंग नहीं — कोई एनालिटिक्स कोड नहीं, कोई टेलीमेट्री नहीं, कोई उपयोग के आँकड़े नहीं। कुछ भी मापा या रिपोर्ट नहीं किया जाता है।

🚫 कोई डेटा संग्रह नहीं — आपकी ब्राउज़िंग हिस्ट्री, सक्षम की गई साइटों की सूची, और पोजीशन की प्राथमिकताएँ कभी भी आपके ब्राउज़र से बाहर नहीं जाती हैं। सब कुछ Chrome के सिंक स्टोरेज में स्थानीय रूप से संग्रहीत होता है।

🚫 कोई बाहरी अनुरोध नहीं — एक्सटेंशन शून्य नेटवर्क अनुरोध करता है। कोई रिमोट सर्वर नहीं, कोई CDN नहीं, कोई तृतीय-पक्ष स्क्रिप्ट नहीं। हर संपत्ति — फ़ॉन्ट्स, आइकन, स्टाइल — सीधे एक्सटेंशन में बंडल की गई है।

🚫 कोई विज्ञापन नहीं — कोई विज्ञापन नहीं, कोई प्रायोजित सामग्री नहीं, किसी भी प्रकार का कोई मुद्रीकरण नहीं।

📋 अनुमति का स्पष्टीकरण:
• storage — आपकी सक्षम की गई साइटों की सूची और बटन की पोजीशन की प्राथमिकताओं को बचाने के लिए उपयोग किया जाता है। यह डेटा Chrome के अंतर्निहित सिंक के माध्यम से आपके Chrome इंस्टेंस में सिंक होता है लेकिन किसी भी बाहरी सर्वर पर कभी नहीं भेजा जाता है।
• activeTab — वर्तमान टैब के होस्टनाम का पता लगाने के लिए उपयोग किया जाता है ताकि पॉपअप दिखा सके कि साइट सक्षम है या नहीं और आपको इसे टॉगल करने की अनुमति दे सके। यह अनुमति पेज की सामग्री तक पहुँच प्रदान नहीं करती है।

बस इतना ही। दो अनुमतियाँ, दोनों आवश्यक, दोनों न्यूनतम।

💡 उपयोग के मामले

📰 समाचार और लेख साइटें — Medium, समाचार पोर्टलों और ब्लॉग्स जैसी साइटों पर लंबे लेखों के लिए अक्सर व्यापक स्क्रॉलिंग की आवश्यकता होती है। अपनी पसंदीदा पढ़ने वाली साइटों पर बटन को सक्षम करें और तुरंत नेविगेशन मेनू या शीर्षक पर वापस जाएं।

🛒 शॉपिंग और ई-कॉमर्स — Amazon, eBay, Etsy, और अन्य मार्केटप्लेस पर उत्पाद सूची पेज अंतहीन हो सकते हैं। स्क्रॉल-टू-टॉप बटन आपको मैन्युअल रूप से स्क्रॉल किए बिना फ़िल्टर, खोज बार और श्रेणी नेविगेशन पर जल्दी से लौटने देता है।

📱 सोशल मीडिया फ़ीड्स — Reddit, Twitter/X, Hacker News, और फ़ोरम पर अनंत-स्क्रॉल फ़ीड्स। दर्जनों पोस्ट के माध्यम से स्क्रॉल करने के बाद, एक क्लिक आपको रिफ्रेश करने या नेविगेट करने के लिए शीर्ष पर वापस ले जाता है।

📚 दस्तावेज़ीकरण और संदर्भ — तकनीकी दस्तावेज़ीकरण, API संदर्भ, विकिपीडिया लेख, और लंबी सामग्री वाले शोध पत्र। बटन को एक सुविधाजनक कोने में रखें और अनुभागों के बीच कुशलता से कूदें।

💬 फ़ोरम और टिप्पणी थ्रेड्स — Stack Overflow, GitHub मुद्दों, या सामुदायिक फ़ोरम पर लंबी चर्चा थ्रेड्स। उत्तरों और टिप्पणियों के माध्यम से स्क्रॉल करें, फिर तुरंत मूल प्रश्न या पोस्ट पर लौटें।

⭐ स्क्रॉल टू टॉप बटन क्यों चुनें

🎛️ ऑप्ट-इन, ऑप्ट-आउट नहीं — अधिकांश स्क्रॉल-टू-टॉप एक्सटेंशन हर एक पेज पर बटन डाल देते हैं। स्क्रॉल टू टॉप बटन इसके विपरीत दृष्टिकोण अपनाता है: डिफ़ॉल्ट रूप से अक्षम, केवल वहीं सक्षम जहाँ आप इसे चाहते हैं। आपका ब्राउज़र साफ़ रहता है।

🧩 वास्तविक CSS आइसोलेशन — शैडो DOM यहाँ सिर्फ एक प्रचलित शब्द नहीं है। बटन को एक बंद शैडो रूट के अंदर प्रस्तुत किया जाता है, जिसका अर्थ है कि होस्ट पेज से कोई भी CSS इसे प्रभावित नहीं कर सकता है, और बटन की स्टाइल बाहर लीक नहीं हो सकती हैं। यह सही इंजीनियरिंग दृष्टिकोण है, और अधिकांश प्रतिस्पर्धी एक्सटेंशन इसे पूरी तरह से छोड़ देते हैं।

📐 लचीली पोजीशनिंग — सामान्य एक या दो की बजाय नौ पोजीशन। नीचे-दाएं हमेशा सबसे अच्छा स्थान नहीं होता है — कुछ साइटों में उस कोने में चैट विजेट, कुकी बैनर, या फ्लोटिंग तत्व होते हैं। बटन को जहाँ भी फिट हो, वहाँ ले जाएँ।

🧠 हर साइट के लिए इंटेलिजेंस — एक्सटेंशन न केवल यह याद रखता है कि कौन सी साइटें सक्षम हैं, बल्कि प्रत्येक व्यक्तिगत साइट के लिए बटन की पोजीशन भी याद रखता है। एक बार कॉन्फ़िगर करें, और इसके बारे में भूल जाएं।

⚡ शून्य प्रदर्शन प्रभाव — कोई बैकग्राउंड स्क्रिप्ट नहीं चल रही है, कोई स्थायी कनेक्शन नहीं, कोई टाइमर पोलिंग नहीं। कंटेंट स्क्रिप्ट एक निष्क्रिय स्क्रॉल लिसनर का उपयोग करती है और केवल तभी सक्रिय होती है जब पेज सक्षम सूची में हो। यदि साइट सक्षम नहीं है, तो बटन छिपा रहता है और स्क्रिप्ट अनिवार्य रूप से निष्क्रिय रहती है।

🔄 लाइव अपडेट्स — जब आप पॉपअप में सेटिंग्स बदलते हैं, तो पेज पर बटन तुरंत अपडेट हो जाता है। टैब को रीफ्रेश करने की कोई आवश्यकता नहीं है।

📋 तकनीकी विवरण

• मैनिफेस्ट V3 — बेहतर सुरक्षा और प्रदर्शन के लिए Chrome के नवीनतम एक्सटेंशन प्लेटफ़ॉर्म पर बनाया गया है।
• समर्थित ब्राउज़र — Google Chrome, क्रोमियम-आधारित ब्राउज़र (Edge, Brave, Opera, Vivaldi, Arc)।
• कंटेंट स्क्रिप्ट इंजेक्शन — पेज लोड समय पर शून्य प्रभाव के लिए document_idle पर चलता है।
• स्क्रॉल थ्रेशोल्ड — बटन 300 पिक्सेल स्क्रॉल करने के बाद दिखाई देता है, जिससे यह छोटे पेजों पर दिखने से बचता है।
• एनिमेशन — translateY ट्रांज़िशन के साथ स्मूथ फ़ेड-इन। स्क्रॉल व्यवहार नेटिव स्मूथ स्क्रॉल API का उपयोग करता है।
• स्टोरेज — Chrome सिंक स्टोरेज सुनिश्चित करता है कि आपकी सेटिंग्स उन डिवाइसों पर भी आपके साथ रहें जहाँ आप Chrome में साइन इन हैं।
• कोई बिल्ड स्टेप नहीं — शुद्ध वैनिला जावास्क्रिप्ट। कोई फ्रेमवर्क नहीं, कोई बंडलर नहीं, कोई निर्भरता नहीं।
• हल्का — संपूर्ण एक्सटेंशन सभी 55 भाषा फ़ाइलों और बंडल किए गए फ़ॉन्ट्स सहित 500KB से कम का है।

🚀 आरंभ करें

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

PYROCTAL द्वारा देखभाल के साथ बनाया गया।