ટોચ પર સ્ક્રોલ બટન

શું તમે પેજના ટોચ પર પાછા જવા માટે અનંત સ્ક્રોલિંગથી કંટાળી ગયા છો? Scroll to Top Button કોઈ પણ વેબસાઇટ પર એક સુંદર, ફ્લોટિંગ બટન ઉમેરે છે — એક ટેપ કરો અને તમે સુંવાળી સ્ક્રોલ એનિમેશન સાથે ટોચ પર પાછા આવી જશો. હલકું, ખાનગી અને સંપૂર્ણપણે તમારા નિયંત્રણ હેઠળ.

✨ મુખ્ય સુવિધાઓ

⬆️ ફ્લોટિંગ સ્ક્રોલ-ટુ-ટોપ બટન — એક સ્વચ્છ, ગોળાકાર બટન જેમાં શેવરોન આઇકોન હોય છે તે જ્યારે તમે નીચે સ્ક્રોલ કરો ત્યારે દેખાય છે. પેજની ટોચ પર સુંવાળી રીતે સ્ક્રોલ કરવા માટે તેના પર ક્લિક કરો. સરળ, ઝડપી, અસરકારક.

🎯 દરેક સાઇટ માટે સક્ષમ/નિષ્ક્રિય કરો — બટન દરેક સાઇટ પર ડિફોલ્ટ રૂપે નિષ્ક્રિય હોય છે. તમે જ પસંદ કરો છો કે તે ક્યાં દેખાશે. પૉપઅપ ખોલો, વર્તમાન સાઇટ માટે ટૉગલ પર ક્લિક કરો, બસ થઈ ગયું. જે સાઇટ્સ પર તમને તેની જરૂર નથી ત્યાં કોઈ ગડબડ નહીં.

📐 9-પોઝિશન પ્લેસમેન્ટ ગ્રીડ — વિઝ્યુઅલ 3x3 ગ્રીડનો ઉપયોગ કરીને બટનને સ્ક્રીન પર ગમે ત્યાં મૂકો: ઉપર, મધ્યમાં, અથવા નીચે સાથે ડાબે, મધ્યમાં, અથવા જમણે. નવ સંભવિત સ્થાનો. દરેક પેજ લેઆઉટ માટે શ્રેષ્ઠ કામ કરે તે સ્થાન પસંદ કરો.

📌 દરેક સાઇટ માટે પોઝિશન મેમરી — અલગ-અલગ સાઇટ્સ, અલગ-અલગ લેઆઉટ્સ. એક સાઇટ પર બટનને નીચે-જમણે અને બીજી સાઇટ પર ઉપર-ડાબે સેટ કરો. Scroll to Top Button દરેક સાઇટની પોઝિશનને સ્વતંત્ર રીતે યાદ રાખે છે, તેથી તમારી પસંદગીઓનું હંમેશા સન્માન કરવામાં આવે છે.

🛡️ શેડો DOM આઇસોલેશન — બટન શેડો DOM કન્ટેનરની અંદર રહે છે, જે હોસ્ટ પેજની CSSથી સંપૂર્ણપણે અલગ હોય છે. આનો અર્થ શૂન્ય સ્ટાઇલ સંઘર્ષ છે — બટન દરેક વેબસાઇટ પર સંપૂર્ણ રીતે દેખાય છે અને કામ કરે છે, ભલે પેજની સ્ટાઇલ કેટલી પણ જટિલ હોય.

🌙 ડાર્ક મોડ સપોર્ટ — તમારા સિસ્ટમની કલર સ્કીમ સાથે આપમેળે અનુકૂલન સાધે છે. લાઇટ મોડમાં લાઇટ બેકગ્રાઉન્ડ, ડાર્ક મોડમાં અર્ધપારદર્શક ગ્લાસ ઇફેક્ટ. તે ઘણા વેબસાઇટ્સ દ્વારા મેન્યુઅલ ડાર્ક મોડ ટૉગલ માટે વપરાતી html[dark] એટ્રિબ્યુટને પણ શોધી કાઢે છે.

🌍 55 ભાષાઓ — એક્સટેન્શન પૉપઅપ અને બધી ઇન્ટરફેસ ટેક્સ્ટ અંગ્રેજી, સ્પેનિશ, ફ્રેન્ચ, જર્મન, જાપાનીઝ, કોરિયન, ચાઇનીઝ (સરળીકૃત અને પરંપરાગત), અરબી, હિન્દી, રશિયન, પોર્ટુગીઝ અને ઘણી બધી સહિત 55 ભાષાઓમાં સંપૂર્ણપણે સ્થાનિકીકૃત છે.

♿ કીબોર્ડ વડે સુલભ — સ્ક્રોલ-ટુ-ટોપ બટન કીબોર્ડ નેવિગેશનને સપોર્ટ કરે છે. તેના પર ટેબ કરો, સક્રિય કરવા માટે Enter અથવા Space દબાવો. સ્ક્રીન રીડર્સ માટે યોગ્ય ARIA રોલ અને લેબલ શામેલ છે.

🎯 તે કેવી રીતે કામ કરે છે

1. ઇન્સ્ટોલ કરો — "Add to Chrome" પર ક્લિક કરો અને એક્સટેન્શન તૈયાર છે. કોઈ એકાઉન્ટની જરૂર નથી, કોઈ સાઇન-અપ નથી, કોઈ સેટઅપ વિઝાર્ડ નથી.

2. કોઈપણ વેબસાઇટની મુલાકાત લો — એવા પેજ પર નેવિગેટ કરો જ્યાં તમે સ્ક્રોલ-ટુ-ટોપ બટન દેખાય તેવું ઇચ્છો છો.

3. સાઇટને સક્ષમ કરો — તમારા ટૂલબારમાં Scroll to Top Button આઇકોન પર ક્લિક કરો. વર્તમાન સાઇટ પર બટનને સક્ષમ કરવા માટે ટૉગલ દબાવો. ફ્લોટિંગ બટન તરત જ દેખાશે.

4. પોઝિશન પસંદ કરો — પૉપઅપમાં 3x3 ગ્રીડનો ઉપયોગ કરીને બટનને સ્ક્રીન પર બરાબર ત્યાં મૂકો જ્યાં તમે ઇચ્છો છો. તમારી પસંદગી આ ચોક્કસ સાઇટ માટે સાચવવામાં આવે છે.

5. સ્ક્રોલ કરો અને ક્લિક કરો — કોઈપણ પેજ પર નીચે સ્ક્રોલ કરો. જ્યારે તમે સ્ક્રોલ થ્રેશોલ્ડ પસાર કરશો, ત્યારે બટન એક સુંવાળી એનિમેશન સાથે ફેડ ઇન થશે. ટોચ પર પાછા સરળતાથી જવા માટે તેના પર ક્લિક કરો. બસ આટલું જ.

🔒 ગોપનીયતા અને સુરક્ષા

Scroll to Top Button ગોપનીયતાને મુખ્ય સિદ્ધાંત તરીકે રાખીને બનાવવામાં આવ્યું છે. આ એક્સટેન્શન શું કરે છે અને શું નથી કરતું તેની ચોક્કસ માહિતી અહીં છે:

🚫 કોઈ ટ્રેકિંગ નહીં — કોઈ એનાલિટિક્સ કોડ, કોઈ ટેલિમેટ્રી, કોઈ વપરાશના આંકડા નથી. કંઈપણ માપવામાં કે જાણ કરવામાં આવતું નથી.

🚫 કોઈ ડેટા સંગ્રહ નહીં — તમારો બ્રાઉઝિંગ ઇતિહાસ, સક્ષમ સાઇટ્સની સૂચિ, અને પોઝિશન પસંદગીઓ ક્યારેય તમારા બ્રાઉઝરની બહાર જતી નથી. બધું જ Chrome ના સિંક સ્ટોરેજમાં સ્થાનિક રીતે સંગ્રહિત થાય છે.

🚫 કોઈ બાહ્ય વિનંતીઓ નહીં — એક્સટેન્શન શૂન્ય નેટવર્ક વિનંતીઓ કરે છે. કોઈ રિમોટ સર્વર્સ નથી, કોઈ CDNs નથી, કોઈ તૃતીય-પક્ષ સ્ક્રિપ્ટો નથી. દરેક એસેટ — ફોન્ટ્સ, આઇકોન્સ, સ્ટાઇલ — સીધા એક્સટેન્શનમાં બંડલ કરેલી છે.

🚫 કોઈ જાહેરાતો નહીં — કોઈ જાહેરાતો નહીં, કોઈ પ્રાયોજિત સામગ્રી નહીં, કોઈપણ પ્રકારનું મુદ્રીકરણ નહીં.

📋 પરવાનગીની સમજૂતી:
• storage — તમારી સક્ષમ કરેલી સાઇટ્સની સૂચિ અને બટન પોઝિશન પસંદગીઓને સાચવવા માટે વપરાય છે. આ ડેટા Chrome ના બિલ્ટ-ઇન સિંક દ્વારા તમારા Chrome ઇન્સ્ટન્સમાં સિંક થાય છે પરંતુ ક્યારેય કોઈ બાહ્ય સર્વર પર મોકલવામાં આવતો નથી.
• activeTab — વર્તમાન ટેબના હોસ્ટનેમને શોધવા માટે વપરાય છે જેથી પૉપઅપ બતાવી શકે કે સાઇટ સક્ષમ છે કે નહીં અને તમને તેને ટૉગલ કરવાની મંજૂરી આપે. આ પરવાનગી પેજની સામગ્રીને ઍક્સેસ કરવાની મંજૂરી આપતી નથી.

બસ આટલું જ. બે પરવાનગીઓ, બંને આવશ્યક, બંને ન્યૂનતમ.

💡 ઉપયોગના કિસ્સાઓ

📰 સમાચાર અને લેખ સાઇટ્સ — Medium જેવી સાઇટ્સ, સમાચાર પોર્ટલ અને બ્લોગ્સ પરના લાંબા લેખો માટે વારંવાર વ્યાપક સ્ક્રોલિંગની જરૂર પડે છે. તમારી મનપસંદ વાંચન સાઇટ્સ પર બટન સક્ષમ કરો અને નેવિગેશન મેનૂ અથવા હેડલાઇન પર તરત જ પાછા જાઓ.

🛒 ખરીદી અને ઈ-કોમર્સ — Amazon, eBay, Etsy અને અન્ય માર્કેટપ્લેસ પરના પ્રોડક્ટ લિસ્ટિંગ પેજ અનંત સુધી જઈ શકે છે. સ્ક્રોલ-ટુ-ટોપ બટન તમને મેન્યુઅલી સ્ક્રોલ કર્યા વિના ઝડપથી ફિલ્ટર્સ, સર્ચ બાર અને કેટેગરી નેવિગેશન પર પાછા ફરવા દે છે.

📱 સોશિયલ મીડિયા ફીડ્સ — Reddit, Twitter/X, Hacker News અને ફોરમ પર અનંત-સ્ક્રોલ ફીડ્સ. ડઝનેક પોસ્ટ્સમાંથી સ્ક્રોલ કર્યા પછી, એક ક્લિક તમને રિફ્રેશ કરવા અથવા નેવિગેટ કરવા માટે ટોચ પર પાછા લઈ જાય છે.

📚 દસ્તાવેજીકરણ અને સંદર્ભ — તકનીકી દસ્તાવેજીકરણ, API સંદર્ભો, વિકિપીડિયા લેખો અને લાંબી સામગ્રીવાળા સંશોધન પેપરો. બટનને અનુકૂળ ખૂણામાં મૂકો અને વિભાગો વચ્ચે કુશળતાપૂર્વક અવર-જવર કરો.

💬 ફોરમ અને ટિપ્પણી થ્રેડ્સ — Stack Overflow, GitHub ઇશ્યૂઝ અથવા કોમ્યુનિટી ફોરમ પર લાંબી ચર્ચાના થ્રેડ્સ. જવાબો અને ટિપ્પણીઓમાંથી સ્ક્રોલ કરો, પછી તરત જ મૂળ પ્રશ્ન અથવા પોસ્ટ પર પાછા ફરો.

⭐ શા માટે SCROLL TO TOP BUTTON પસંદ કરવું

🎛️ ઑપ્ટ-ઇન, ઑપ્ટ-આઉટ નહીં — મોટાભાગના સ્ક્રોલ-ટુ-ટોપ એક્સટેન્શન્સ દરેક પેજ પર બટનો દાખલ કરે છે. Scroll to Top Button તેનાથી વિપરીત અભિગમ અપનાવે છે: ડિફોલ્ટ રૂપે નિષ્ક્રિય, ફક્ત તમે જ્યાં ઇચ્છો ત્યાં જ સક્ષમ. તમારું બ્રાઉઝર સ્વચ્છ રહે છે.

🧩 સાચું CSS આઇસોલેશન — અહીં શેડો DOM માત્ર એક પ્રચલિત શબ્દ નથી. બટનને બંધ શેડો રુટની અંદર રેન્ડર કરવામાં આવે છે, જેનો અર્થ છે કે હોસ્ટ પેજમાંથી કોઈ પણ CSS તેને અસર કરી શકતું નથી, અને બટનની સ્ટાઇલ બહાર લીક થઈ શકતી નથી. આ સાચો એન્જિનિયરિંગ અભિગમ છે, અને મોટાભાગના સ્પર્ધક એક્સટેન્શન્સ તેને સંપૂર્ણપણે અવગણે છે.

📐 લવચીક પોઝિશનિંગ — સામાન્ય એક કે બેને બદલે નવ પોઝિશન. નીચે-જમણે હંમેશાં શ્રેષ્ઠ સ્થાન નથી હોતું — કેટલીક સાઇટ્સમાં ચેટ વિજેટ્સ, કૂકી બેનરો, અથવા તે ખૂણામાં ફ્લોટિંગ તત્વો હોય છે. બટનને ગમે ત્યાં ખસેડો જ્યાં તે ફિટ થાય.

🧠 દરેક સાઇટ માટેની બુદ્ધિમત્તા — એક્સટેન્શન માત્ર એ જ યાદ રાખતું નથી કે કઈ સાઇટ્સ સક્ષમ છે, પરંતુ દરેક વ્યક્તિગત સાઇટ માટે બટનની પોઝિશન પણ યાદ રાખે છે. એકવાર ગોઠવો, પછી ભૂલી જાઓ.

⚡ શૂન્ય પ્રદર્શન પ્રભાવ — કોઈ બેકગ્રાઉન્ડ સ્ક્રિપ્ટો ચાલતી નથી, કોઈ સતત કનેક્શન્સ નથી, કોઈ ટાઈમર પોલિંગ નથી. કન્ટેન્ટ સ્ક્રિપ્ટ એક નિષ્ક્રિય સ્ક્રોલ લિસનરનો ઉપયોગ કરે છે અને જ્યારે પેજ સક્ષમ સૂચિમાં હોય ત્યારે જ સક્રિય થાય છે. જો સાઇટ સક્ષમ ન હોય, तो બટન છુપાયેલું રહે છે અને સ્ક્રિપ્ટ અનિવાર્યપણે નિષ્ક્રિય રહે છે.

🔄 લાઇવ અપડેટ્સ — જ્યારે તમે પૉપઅપમાં સેટિંગ્સ બદલો છો, ત્યારે પેજ પરનું બટન તરત જ અપડેટ થાય છે. ટેબને રિફ્રેશ કરવાની જરૂર નથી.

📋 તકનીકી વિગતો

• Manifest V3 — સુધારેલ સુરક્ષા અને પ્રદર્શન માટે ક્રોમના નવીનતમ એક્સટેન્શન પ્લેટફોર્મ પર બનેલ છે.
• સપોર્ટેડ બ્રાઉઝર્સ — Google Chrome, ક્રોમિયમ-આધારિત બ્રાઉઝર્સ (Edge, Brave, Opera, Vivaldi, Arc).
• કન્ટેન્ટ સ્ક્રિપ્ટ ઇન્જેક્શન — પેજ લોડ ટાઇમ પર શૂન્ય અસર માટે document_idle પર ચાલે છે.
• સ્ક્રોલ થ્રેશોલ્ડ — બટન 300 પિક્સેલ સ્ક્રોલ કર્યા પછી દેખાય છે, જે તેને ટૂંકા પેજ પર દેખાતું અટકાવે છે.
• એનિમેશન — translateY ટ્રાન્ઝિશન સાથે સુંવાળી ફેડ-ઇન. સ્ક્રોલ વર્તન નેટિવ સ્મૂધ સ્ક્રોલ API નો ઉપયોગ કરે છે.
• સ્ટોરેજ — ક્રોમ સિંક સ્ટોરેજ સુનિશ્ચિત કરે છે કે તમારા સેટિંગ્સ તમે સાઇન ઇન કરેલા ક્રોમ સાથેના ઉપકરણો પર તમારી સાથે રહે.
• કોઈ બિલ્ડ સ્ટેપ નહીં — શુદ્ધ વેનીલા JavaScript. કોઈ ફ્રેમવર્ક, કોઈ બંડલર, કોઈ નિર્ભરતા નથી.
• હલકું — આખું એક્સટેન્શન 500KB થી ઓછું છે જેમાં તમામ 55 ભાષા ફાઇલો અને બંડલ કરેલા ફોન્ટ્સ શામેલ છે.

🚀 શરૂ કરો

Scroll to Top Button ઇન્સ્ટોલ કરવા માટે "Add to Chrome" પર ક્લિક કરો. અગાઉથી કંઈપણ ગોઠવવાની જરૂર નથી — ફક્ત સામાન્ય રીતે બ્રાઉઝ કરો. જ્યારે તમે એવા પેજ પર પહોંચો જ્યાં તમે બટન ઇચ્છો, ત્યારે એક્સટેન્શન આઇકોન પર ક્લિક કરો અને તે સાઇટ માટે તેને સક્ષમ કરો. તમારી પસંદગીની પોઝિશન પસંદ કરો અને તમે તૈયાર છો. એક્સટેન્શન તમારી પસંદગી યાદ રાખશે અને જ્યારે પણ તમે મુલાકાત લેશો ત્યારે બટન ત્યાં જ હશે.

PYROCTAL દ્વારા કાળજીપૂર્વક બનાવેલ છે.