উপরে স্ক্রল বোতাম

কোনো একটি পেজের একদম উপরে ফিরে যাওয়ার জন্য কি অন্তহীন স্ক্রলিং করতে করতে ক্লান্ত? Scroll to Top Button যেকোনো ওয়েবসাইটে একটি মসৃণ, ভাসমান বোতাম যুক্ত করে — একটি মাত্র ট্যাপে আপনি একটি সুন্দর স্ক্রল অ্যানিমেশনের মাধ্যমে পেজের উপরে ফিরে যাবেন। এটি লাইটওয়েট, আপনার গোপনীয়তা রক্ষা করে এবং সম্পূর্ণরূপে আপনার নিয়ন্ত্রণে থাকে।

✨ মূল বৈশিষ্ট্য

⬆️ ভাসমান স্ক্রল-টু-টপ বোতাম — আপনি নিচে স্ক্রল করলে একটি পরিষ্কার, শেভরন আইকন সহ গোলাকার বোতাম দেখা যাবে। এটিতে ক্লিক করলে একটি মসৃণ স্ক্রল অ্যানিমেশনের মাধ্যমে আপনি পেজের উপরে ফিরে যাবেন। সহজ, দ্রুত এবং কার্যকর।

🎯 প্রতি-সাইট চালু/বন্ধ করার সুবিধা — ডিফল্টরূপে বোতামটি প্রতিটি সাইটে নিষ্ক্রিয় থাকে। আপনি ঠিক কোথায় এটি প্রদর্শিত হবে তা বেছে নিতে পারেন। পপআপ খুলুন, বর্তমান সাইটের জন্য টগলটিতে ক্লিক করুন, আর আপনার কাজ শেষ। যে সাইটগুলিতে আপনার এটি প্রয়োজন নেই, সেখানে অযথা কিছু দেখাবে না।

📐 ৯-পজিশন প্লেসমেন্ট গ্রিড — একটি ভিজ্যুয়াল 3x3 গ্রিড ব্যবহার করে বোতামটি স্ক্রিনের যেকোনো জায়গায় রাখুন: উপরে, মাঝে বা নীচে, সাথে বাম, মধ্য বা ডানে। মোট নয়টি সম্ভাব্য পজিশন। প্রতিটি পেজ লেআউটের জন্য সেরা জায়গাটি বেছে নিন।

📌 প্রতি-সাইট পজিশন মেমরি — ভিন্ন সাইট, ভিন্ন লেআউট। একটি সাইটে বোতামটি নীচে-ডানে এবং অন্যটিতে উপরে-বামে সেট করুন। Scroll to Top Button প্রতিটি সাইটের পজিশন আলাদাভাবে মনে রাখে, তাই আপনার পছন্দ সর্বদা সম্মানিত হয়।

🛡️ Shadow DOM আইসোলেশন — বোতামটি একটি Shadow DOM কন্টেইনারের ভিতরে থাকে, যা হোস্ট পেজের CSS থেকে সম্পূর্ণ বিচ্ছিন্ন। এর মানে হলো স্টাইলের কোনো বিরোধ হয় না — বোতামটি প্রতিটি ওয়েবসাইটে নিখুঁতভাবে দেখায় এবং কাজ করে, পেজের স্টাইলিং যতই জটিল হোক না কেন।

🌙 ডার্ক মোড সাপোর্ট — আপনার সিস্টেমের কালার স্কিমের সাথে স্বয়ংক্রিয়ভাবে খাপ খাইয়ে নেয়। লাইট মোডে হালকা ব্যাকগ্রাউন্ড এবং ডার্ক মোডে স্বচ্ছ গ্লাস এফেক্ট। এটি অনেক ওয়েবসাইটের ম্যানুয়াল ডার্ক মোড টগলের জন্য ব্যবহৃত html[dark] অ্যাট্রিবিউটও শনাক্ত করে।

🌍 ৫৫টি ভাষা — এক্সটেনশন পপআপ এবং সমস্ত ইন্টারফেস টেক্সট ইংরেজি, স্প্যানিশ, ফরাসি, জার্মান, জাপানি, কোরিয়ান, চীনা (সরলীকৃত এবং ঐতিহ্যবাহী), আরবি, হিন্দি, রাশিয়ান, পর্তুগিজ এবং আরও অনেক সহ ৫৫টি ভাষায় সম্পূর্ণরূপে স্থানীয়করণ করা হয়েছে।

♿ কীবোর্ড অ্যাক্সেসযোগ্য — স্ক্রল-টু-টপ বোতামটি কীবোর্ড নেভিগেশন সমর্থন করে। Tab চেপে এটিতে যান, সক্রিয় করতে Enter বা Space চাপুন। স্ক্রিন রিডারদের জন্য সঠিক ARIA রোল এবং লেবেল অন্তর্ভুক্ত রয়েছে।

🎯 এটি কীভাবে কাজ করে

১. ইনস্টল করুন — "Add to Chrome"-এ ক্লিক করুন এবং এক্সটেনশনটি প্রস্তুত। কোনো অ্যাকাউন্টের প্রয়োজন নেই, কোনো সাইন-আপ নেই, কোনো সেটআপ উইজার্ড নেই।

২. যেকোনো ওয়েবসাইটে যান — এমন একটি পেজে নেভিগেট করুন যেখানে আপনি স্ক্রল-টু-টপ বোতামটি দেখতে চান।

৩. সাইটটি চালু করুন — আপনার টুলবারে থাকা Scroll to Top Button আইকনে ক্লিক করুন। বর্তমান সাইটে বোতামটি চালু করতে টগলটি চাপুন। ভাসমান বোতামটি সঙ্গে সঙ্গে প্রদর্শিত হবে।

৪. একটি পজিশন বেছে নিন — পপআপের 3x3 গ্রিড ব্যবহার করে বোতামটি স্ক্রিনে ঠিক যেখানে চান সেখানে রাখুন। আপনার পছন্দ এই নির্দিষ্ট সাইটের জন্য সংরক্ষিত হয়ে যাবে।

৫. স্ক্রল করুন এবং ক্লিক করুন — যেকোনো পেজে নিচে স্ক্রল করুন। যখন আপনি স্ক্রল থ্রেশহোল্ড অতিক্রম করবেন, বোতামটি একটি মসৃণ অ্যানিমেশনের সাথে ধীরে ধীরে দৃশ্যমান হবে। উপরে ফিরে যেতে এটিতে ক্লিক করুন। ব্যাস, এটুকুই।

🔒 গোপনীয়তা ও নিরাপত্তা

Scroll to Top Button গোপনীয়তাকে মূল নীতি হিসাবে তৈরি করা হয়েছে। এই এক্সটেনশনটি ঠিক কী করে এবং কী করে না তার একটি স্পষ্ট বিবরণ নিচে দেওয়া হলো:

🚫 কোনো ট্র্যাকিং নেই — এখানে কোনো অ্যানালিটিক্স কোড, কোনো টেলিমেট্রি, কোনো ব্যবহারের পরিসংখ্যান নেই। কিছুই পরিমাপ বা রিপোর্ট করা হয় না।

🚫 কোনো ডেটা সংগ্রহ করা হয় না — আপনার ব্রাউজিং ইতিহাস, সক্রিয় করা সাইটের তালিকা এবং পজিশন পছন্দগুলি কখনোই আপনার ব্রাউজার ছেড়ে যায় না। সবকিছু Chrome-এর সিঙ্ক স্টোরেজে স্থানীয়ভাবে সংরক্ষিত থাকে।

🚫 কোনো বাহ্যিক অনুরোধ নেই — এক্সটেনশনটি শূন্য নেটওয়ার্ক অনুরোধ করে। কোনো রিমোট সার্ভার, কোনো CDN, কোনো থার্ড-পার্টি স্ক্রিপ্ট নেই। সমস্ত অ্যাসেট — ফন্ট, আইকন, স্টাইল — সরাসরি এক্সটেনশনের মধ্যে বান্ডিল করা আছে।

🚫 কোনো বিজ্ঞাপন নেই — কোনো বিজ্ঞাপন, কোনো স্পনসর করা সামগ্রী, কোনো ধরনের নগদীকরণ নেই।

📋 অনুমতির ব্যাখ্যা:
• storage — আপনার সক্রিয় করা সাইটের তালিকা এবং বোতামের পজিশন পছন্দগুলি সংরক্ষণ করতে ব্যবহৃত হয়। এই ডেটা Chrome-এর বিল্ট-ইন সিঙ্কের মাধ্যমে আপনার Chrome ইনস্ট্যান্সগুলিতে সিঙ্ক হয় কিন্তু কোনো বাহ্যিক সার্ভারে পাঠানো হয় না।
• activeTab — বর্তমান ট্যাবের হোস্টনেম শনাক্ত করতে ব্যবহৃত হয় যাতে পপআপটি দেখাতে পারে যে সাইটটি সক্রিয় করা আছে কিনা এবং আপনাকে এটি টগল করার অনুমতি দেয়। এই অনুমতি পেজের বিষয়বস্তুতে অ্যাক্সেস দেয় না।

এটুকুই। দুটি অনুমতি, উভয়ই অপরিহার্য এবং উভয়ই ন্যূনতম।

💡 ব্যবহারের ক্ষেত্র

📰 সংবাদ এবং আর্টিকেল সাইট — মিডিয়াম, নিউজ পোর্টাল এবং ব্লগের মতো সাইটগুলিতে দীর্ঘ প্রবন্ধ পড়ার জন্য প্রায়শই অনেক স্ক্রল করতে হয়। আপনার প্রিয় পড়ার সাইটগুলিতে বোতামটি সক্রিয় করুন এবং মুহূর্তের মধ্যে নেভিগেশন মেনু বা শিরোনামে ফিরে যান।

🛒 শপিং এবং ই-কমার্স — অ্যামাজন, ইবে, এটসি এবং অন্যান্য মার্কেটপ্লেসে পণ্যের তালিকা পেজগুলো অনেক দীর্ঘ হতে পারে। স্ক্রল-টু-টপ বোতামটি আপনাকে ম্যানুয়ালি স্ক্রল না করে দ্রুত ফিল্টার, সার্চ বার এবং ক্যাটাগরি নেভিগেশনে ফিরে যেতে সাহায্য করে।

📱 সোশ্যাল মিডিয়া ফিড — রেডিট, টুইটার/এক্স, হ্যাকার নিউজ এবং ফোরামের মতো অসীম স্ক্রল ফিডগুলিতে কাজে আসে। কয়েক ডজন পোস্ট স্ক্রল করার পরে, একটি ক্লিকে আপনি রিফ্রেশ বা নেভিগেট করতে শীর্ষে ফিরে যেতে পারবেন।

📚 ডকুমেন্টেশন এবং রেফারেন্স — প্রযুক্তিগত ডকুমেন্টেশন, API রেফারেন্স, উইকিপিডিয়া নিবন্ধ এবং দীর্ঘ বিষয়বস্তু সহ গবেষণাপত্র। একটি সুবিধাজনক কোণায় বোতামটি রাখুন এবং দক্ষতার সাথে বিভিন্ন বিভাগের মধ্যে যাতায়াত করুন।

💬 ফোরাম এবং মন্তব্য থ্রেড — স্ট্যাক ওভারফ্লো, গিটহাব ইস্যু বা কমিউনিটি ফোরামে দীর্ঘ আলোচনার থ্রেড। উত্তর এবং মন্তব্যগুলির মধ্যে স্ক্রল করুন, তারপর সঙ্গে সঙ্গে মূল প্রশ্ন বা পোস্টে ফিরে যান।

⭐ কেন SCROLL TO TOP BUTTON বেছে নেবেন

🎛️ অপট-ইন, অপট-আউট নয় — বেশিরভাগ স্ক্রল-টু-টপ এক্সটেনশন প্রতিটি পেজে বোতাম যুক্ত করে। Scroll to Top Button তার বিপরীত পদ্ধতি গ্রহণ করে: ডিফল্টরূপে নিষ্ক্রিয় থাকে, শুধুমাত্র যেখানে আপনি চান সেখানেই সক্রিয় হয়। আপনার ব্রাউজার পরিষ্কার থাকে।

🧩 প্রকৃত CSS আইসোলেশন — Shadow DOM এখানে শুধু একটি প্রচলিত শব্দ নয়। বোতামটি একটি ক্লোজড শ্যাডো রুটের ভিতরে রেন্ডার করা হয়, যার মানে হোস্ট পেজের কোনো CSS এটিকে প্রভাবিত করতে পারে না এবং বোতামের স্টাইল বাইরে লিক হতে পারে না। এটিই সঠিক ইঞ্জিনিয়ারিং পদ্ধতি, এবং বেশিরভাগ প্রতিযোগী এক্সটেনশন এটি সম্পূর্ণরূপে এড়িয়ে যায়।

📐 নমনীয় পজিশনিং — সাধারণ এক বা দুটি পজিশনের পরিবর্তে নয়টি পজিশন। নীচে-ডান দিকটি সবসময় সেরা জায়গা নয় — কিছু সাইটে চ্যাট উইজেট, কুকি ব্যানার বা ভাসমান উপাদান থাকে। বোতামটি যেখানে ফিট হয় সেখানে সরান।

🧠 প্রতি-সাইট ইন্টেলিজেন্স — এক্সটেনশনটি শুধু কোন সাইটগুলি সক্রিয় তা মনে রাখে না, বরং প্রতিটি সাইটের জন্য বোতামের পজিশনও মনে রাখে। একবার কনফিগার করুন, তারপর ভুলে যান।

⚡ শূন্য পারফরম্যান্স প্রভাব — কোনো ব্যাকগ্রাউন্ড স্ক্রিপ্ট চলে না, কোনো স্থায়ী সংযোগ নেই, কোনো টাইমার পোলিং নেই। কন্টেন্ট স্ক্রিপ্ট একটি প্যাসিভ স্ক্রল লিসেনার ব্যবহার করে এবং শুধুমাত্র যখন পেজটি সক্রিয় তালিকায় থাকে তখনই কাজ করে। যদি সাইটটি সক্রিয় না থাকে, বোতামটি লুকানো থাকে এবং স্ক্রিপ্টটি কার্যত নিষ্ক্রিয় থাকে।

🔄 লাইভ আপডেট — যখন আপনি পপআপে সেটিংস পরিবর্তন করেন, পেজের বোতামটি সঙ্গে সঙ্গে আপডেট হয়। ট্যাব রিফ্রেশ করার প্রয়োজন নেই।

📋 প্রযুক্তিগত বিবরণ

• ম্যানিফেস্ট V3 — উন্নত নিরাপত্তা এবং পারফরম্যান্সের জন্য Chrome-এর সর্বশেষ এক্সটেনশন প্ল্যাটফর্মে নির্মিত।
• সমর্থিত ব্রাউজার — Google Chrome, ক্রোমিয়াম-ভিত্তিক ব্রাউজার (Edge, Brave, Opera, Vivaldi, Arc)।
• কন্টেন্ট স্ক্রিপ্ট ইনজেকশন — পেজ লোডের সময়ে শূন্য প্রভাবের জন্য document_idle-এ চলে।
• স্ক্রল থ্রেশহোল্ড — ৩০০ পিক্সেল স্ক্রল করার পরে বোতামটি প্রদর্শিত হয়, যা এটিকে ছোট পেজে দেখা থেকে বিরত রাখে।
• অ্যানিমেশন — translateY ট্রানজিশন সহ মসৃণ ফেড-ইন। স্ক্রল আচরণ নেটিভ স্মুথ স্ক্রল API ব্যবহার করে।
• স্টোরেজ — Chrome সিঙ্ক স্টোরেজ নিশ্চিত করে যে আপনার সেটিংস সেই সমস্ত ডিভাইসগুলিতে আপনার সাথে থাকবে যেখানে আপনি Chrome-এ সাইন ইন করেছেন।
• কোনো বিল্ড স্টেপ নেই — বিশুদ্ধ ভ্যানিলা জাভাস্ক্রিপ্ট। কোনো ফ্রেমওয়ার্ক নেই, কোনো বান্ডলার নেই, কোনো ডিপেন্ডেন্সি নেই।
• লাইটওয়েট — সম্পূর্ণ এক্সটেনশনটি সমস্ত ৫৫টি ভাষার ফাইল এবং বান্ডেল করা ফন্ট সহ ৫০০KB-এর কম।

🚀 শুরু করুন

Scroll to Top Button ইনস্টল করতে "Add to Chrome"-এ ক্লিক করুন। আগে থেকে কিছু কনফিগার করার নেই — শুধু স্বাভাবিকভাবে ব্রাউজ করুন। যখন আপনি এমন কোনো পেজে যাবেন যেখানে আপনি বোতামটি চান, এক্সটেনশন আইকনে ক্লিক করুন এবং সেই সাইটের জন্য এটি সক্রিয় করুন। আপনার পছন্দের পজিশন বেছে নিন এবং আপনি প্রস্তুত। এক্সটেনশনটি আপনার পছন্দ মনে রাখবে এবং আপনি যতবার ভিজিট করবেন ততবার বোতামটি সেখানেই থাকবে।

PYROCTAL দ্বারা যত্ন সহকারে তৈরি।