மேலே உருட்டு பொத்தான்

ஒரு பக்கத்தின் மேலே செல்ல முடிவில்லாமல் ஸ்க்ரோல் செய்து சோர்வடைந்துவிட்டீர்களா? ஸ்க்ரோல் டு டாப் பட்டன் (Scroll to Top Button) எந்தவொரு இணையதளத்திலும் ஒரு அழகான, மிதக்கும் பட்டனைச் சேர்க்கிறது — ஒரே ஒரு தட்டலில், மென்மையான ஸ்க்ரோல் அனிமேஷனுடன் மீண்டும் மேலே செல்லலாம். குறைந்த எடை, தனிப்பட்ட மற்றும் முழுமையாக உங்கள் கட்டுப்பாட்டில்.

✨ முக்கிய அம்சங்கள்

⬆️ மிதக்கும் மேலே செல்லும் பட்டன் — நீங்கள் கீழே ஸ்க்ரோல் செய்யும்போது, செவ்ரான் ஐகானுடன் ஒரு நேர்த்தியான, வட்ட வடிவ பட்டன் தோன்றும். அதை கிளிக் செய்வதன் மூலம் பக்கத்தின் மேலே மென்மையாக ஸ்க்ரோல் செய்து செல்லலாம். எளிமையானது, வேகமானது, பயனுள்ளது.

🎯 ஒவ்வொரு தளத்திற்கும் இயக்குதல்/முடக்குதல் — ஒவ்வொரு இணையதளத்திலும் இந்த பட்டன் இயல்பாக முடக்கப்பட்டுள்ளது. அது எங்கு தோன்ற வேண்டும் என்பதை நீங்கள் தேர்வு செய்யலாம். பாப்-அப்-ஐ திறந்து, தற்போதைய தளத்திற்கான டோகிளைக் கிளிக் செய்தால் போதும். உங்களுக்குத் தேவையில்லாத தளங்களில் எந்த இடையூறும் இல்லை.

📐 9-நிலை இடமளிப்பு கட்டம் — ஒரு 3x3 காட்சி கட்டத்தைப் பயன்படுத்தி திரையில் எங்கு வேண்டுமானாலும் பட்டனை வைக்கலாம்: மேல், மையம், அல்லது கீழ், இடது, மையம் அல்லது வலதுடன் இணைத்து. ஒன்பது சாத்தியமான நிலைகள். ஒவ்வொரு பக்க அமைப்பிற்கும் சிறந்த இடத்தைத் தேர்ந்தெடுக்கவும்.

📌 ஒவ்வொரு தளத்திற்கும் நிலை நினைவகம் — வெவ்வேறு தளங்கள், வெவ்வேறு அமைப்புகள். ஒரு தளத்தில் பட்டனை கீழ்-வலது மூலையிலும், மற்றொரு தளத்தில் மேல்-இடது மூலையிலும் அமைக்கலாம். ஸ்க்ரோல் டு டாப் பட்டன் ஒவ்வொரு தளத்தின் நிலையையும் தனித்தனியாக நினைவில் கொள்கிறது, எனவே உங்கள் விருப்பத்தேர்வுகள் எப்போதும் மதிக்கப்படும்.

🛡️ ஷேடோ டாம் தனிமைப்படுத்தல் — இந்த பட்டன் ஒரு ஷேடோ டாம் (Shadow DOM) கொள்கலனுக்குள் வாழ்கிறது, இது ஹோஸ்ட் பக்கத்தின் CSS-இலிருந்து முழுமையாக தனிமைப்படுத்தப்பட்டுள்ளது. இதன் பொருள் பூஜ்ஜிய ஸ்டைல் மோதல்கள் — பட்டன் ஒவ்வொரு இணையதளத்திலும், பக்கத்தின் ஸ்டைலிங் எவ்வளவு சிக்கலானதாக இருந்தாலும், கச்சிதமாகத் தோன்றி செயல்படும்.

🌙 இருண்ட பயன்முறை ஆதரவு — உங்கள் கணினியின் வண்ண அமைப்பிற்கு தானாகவே பொருந்திக்கொள்கிறது. லைட் பயன்முறையில் பிரகாசமான பின்னணி, டார்க் பயன்முறையில் ஒளி ஊடுருவக்கூடிய கண்ணாடி விளைவு. பல வலைத்தளங்கள் டார்க் பயன்முறையை கைமுறையாக மாற்றுவதற்கு பயன்படுத்தும் html[dark] பண்புக்கூறையும் இது கண்டறிகிறது.

🌍 55 மொழிகள் — நீட்டிப்பு பாப்-அப் மற்றும் அனைத்து இடைமுக உரைகளும் ஆங்கிலம், ஸ்பானிஷ், பிரஞ்சு, ஜெர்மன், ஜப்பானிய, கொரிய, சீன (எளிமைப்படுத்தப்பட்ட மற்றும் பாரம்பரிய), அரபு, இந்தி, ரஷ்யன், போர்த்துகீசியம் மற்றும் பலவற்றை உள்ளடக்கிய 55 மொழிகளில் முழுமையாக மொழிபெயர்க்கப்பட்டுள்ளன.

♿ விசைப்பலகை அணுகல் — மேலே செல்லும் பட்டன் விசைப்பலகை வழிசெலுத்தலை ஆதரிக்கிறது. அதற்கு Tab விசையை அழுத்திச் சென்று, செயல்படுத்த Enter அல்லது Space விசையை அழுத்தவும். ஸ்கிரீன் ரீடர்களுக்காக சரியான ARIA ரோல் மற்றும் லேபிளை உள்ளடக்கியது.

🎯 எப்படி செயல்படுகிறது

1. நிறுவுதல் — 'Add to Chrome' என்பதைக் கிளிக் செய்யவும், நீட்டிப்பு தயாராகிவிடும். கணக்கு தேவையில்லை, பதிவு செய்ய தேவையில்லை, அமைவு வழிகாட்டி இல்லை.

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 தனிமைப்படுத்தல் — ஷேடோ டாம் என்பது இங்கே ஒரு வெறும் வார்த்தை அல்ல. பட்டன் ஒரு மூடிய ஷேடோ ரூட்டிற்குள் காண்பிக்கப்படுகிறது, அதாவது ஹோஸ்ட் பக்கத்திலிருந்து எந்த CSS-ம் அதை பாதிக்க முடியாது, மேலும் பட்டனின் ஸ்டைல்கள் வெளியே கசியாது. இதுவே சரியான பொறியியல் அணுகுமுறை, ஆனால் பெரும்பாலான போட்டி நீட்டிப்புகள் இதை முழுமையாகத் தவிர்க்கின்றன.

📐 நெகிழ்வான இடமளிப்பு — வழக்கமான ஒன்று hoặc இரண்டு நிலைகளுக்குப் பதிலாக ஒன்பது நிலைகள். கீழ்-வலது மூலை எப்போதும் சிறந்த இடம் அல்ல — சில தளங்களில் அரட்டை விட்ஜெட்கள், குக்கீ பேனர்கள் hoặc அந்த மூலையில் மிதக்கும் கூறுகள் இருக்கலாம். பட்டனை எங்கு பொருந்துகிறதோ அங்கு நகர்த்தவும்.

🧠 ஒவ்வொரு தளத்திற்கும் தனிப்பட்ட அறிவுத்திறன் — இந்த நீட்டிப்பு எந்தெந்த தளங்கள் இயக்கப்பட்டன என்பதை மட்டும் நினைவில் கொள்ளாமல், ஒவ்வொரு தளத்திற்கும் பட்டனின் நிலையையும் நினைவில் வைத்திருக்கிறது. ஒரு முறை உள்ளமைக்கவும், பிறகு அதை மறந்துவிடவும்.

⚡ பூஜ்ஜிய செயல்திறன் பாதிப்பு — பின்னணியில் இயங்கும் ஸ்கிரிப்டுகள், தொடர்ச்சியான இணைப்புகள், நேரக்கணிப்பிகள் எதுவும் இல்லை. உள்ளடக்க ஸ்கிரிப்ட் ஒரு செயலற்ற ஸ்க்ரோல் லிஸனரைப் பயன்படுத்துகிறது மற்றும் பக்கம் இயக்கப்பட்ட பட்டியலில் இருக்கும்போது மட்டுமே செயல்படுகிறது. தளம் இயக்கப்படவில்லை என்றால், பட்டன் மறைக்கப்பட்டு ஸ்கிரிப்ட் செயலற்ற நிலையில் இருக்கும்.

🔄 நேரடிப் புதுப்பிப்புகள் — நீங்கள் பாப்-அப்பில் அமைப்புகளை மாற்றும்போது, பக்கத்தில் உள்ள பட்டன் உடனடியாகப் புதுப்பிக்கப்படும். தாவலைப் புதுப்பிக்கத் தேவையில்லை.

📋 தொழில்நுட்ப விவரங்கள்

• மேனிஃபெஸ்ட் V3 — மேம்பட்ட பாதுகாப்பு மற்றும் செயல்திறனுக்காக Chrome-இன் சமீபத்திய நீட்டிப்பு தளங்களில் உருவாக்கப்பட்டது.
• ஆதரிக்கப்படும் உலாவிகள் — Google Chrome, மற்றும் Chromium-அடிப்படையிலான உலாவிகள் (Edge, Brave, Opera, Vivaldi, Arc).
• உள்ளடக்க ஸ்கிரிப்ட் செருகல் — பக்க ஏற்றுதல் நேரத்தில் பூஜ்ஜிய பாதிப்பை ஏற்படுத்த document_idle-இல் இயங்குகிறது.
• ஸ்க்ரோல் வரம்பு — 300 பிக்சல்கள் ஸ்க்ரோல் செய்த பிறகு பட்டன் தோன்றும், இது குறுகிய பக்கங்களில் தோன்றுவதைத் தடுக்கிறது.
• அனிமேஷன் — translateY மாற்றத்துடன் கூடிய மென்மையான ஃபேட்-இன். ஸ்க்ரோல் செயல்பாடு நேட்டிவ் ஸ்மூத் ஸ்க்ரோல் API-ஐப் பயன்படுத்துகிறது.
• சேமிப்பகம் — நீங்கள் Chrome-இல் உள்நுழைந்துள்ள சாதனங்களில் உங்கள் அமைப்புகள் உங்களைப் பின்தொடர்வதை Chrome ஒத்திசைவு சேமிப்பகம் உறுதி செய்கிறது.
• பில்டு படி இல்லை — தூய வெண்ணிலா ஜாவாஸ்கிரிப்ட். எந்த கட்டமைப்புகளும், பண்ட்லர்களும், சார்புகளும் இல்லை.
• குறைந்த எடை — முழு நீட்டிப்பும் 55 மொழி கோப்புகள் மற்றும் இணைக்கப்பட்ட எழுத்துருக்கள் உட்பட 500KB-க்கும் குறைவாக உள்ளது.

🚀 தொடங்குங்கள்

ஸ்க்ரோல் டு டாப் பட்டனை நிறுவ, 'Add to Chrome' என்பதைக் கிளிக் செய்யவும். முன்கூட்டியே உள்ளமைக்க எதுவும் இல்லை — சாதாரணமாக உலாவவும். நீங்கள் பட்டன் தேவைப்படும் ஒரு பக்கத்தில் இருக்கும்போது, நீட்டிப்பு ஐகானைக் கிளிக் செய்து அந்த தளத்திற்கு அதை இயக்கவும். உங்களுக்கு விருப்பமான நிலையைத் தேர்ந்தெடுத்தால் போதும். நீட்டிப்பு உங்கள் தேர்வை நினைவில் வைத்திருக்கும், நீங்கள் பார்வையிடும் ஒவ்வொரு முறையும் பட்டன் அங்கு இருக்கும்.

PYROCTAL-ஆல் அக்கறையுடன் உருவாக்கப்பட்டது.