زر العودة للأعلى

هل سئمت من التمرير اللامتناهي للعودة إلى أعلى الصفحة؟ إضافة "Scroll to Top Button" تضيف زرًا عائمًا وأنيقًا لأي موقع ويب — بنقرة واحدة، تعود إلى الأعلى بحركة تمرير سلسة. خفيفة الوزن، تحافظ على خصوصيتك، وتمنحك تحكمًا كاملاً.

✨ الميزات الرئيسية

⬆️ زر عائم للعودة للأعلى — يظهر زر دائري أنيق بأيقونة سهم عند التمرير لأسفل. انقر عليه للعودة بسلاسة إلى أعلى الصفحة. بسيط، سريع، فعال.

🎯 تفعيل/تعطيل لكل موقع على حدة — الزر معطل بشكل افتراضي في كل موقع. أنت تختار بالضبط المواقع التي يظهر عليها. افتح النافذة المنبثقة، انقر على مفتاح التبديل للموقع الحالي، وانتهى الأمر. لا فوضى في المواقع التي لا تحتاج فيها إليه.

📐 شبكة تحديد الموضع من 9 أماكن — ضع الزر في أي مكان على الشاشة باستخدام شبكة مرئية بأبعاد 3x3: أعلى، وسط، أو أسفل مع يسار، وسط، أو يمين. تسعة مواضع ممكنة. اختر المكان الذي يناسب تصميم كل صفحة على أفضل وجه.

📌 ذاكرة موضع مخصصة لكل موقع — مواقع مختلفة، تصميمات مختلفة. يمكنك ضبط الزر في أسفل اليمين في موقع ما، وفي أعلى اليسار في موقع آخر. إضافة "Scroll to Top Button" تتذكر موضع الزر لكل موقع بشكل مستقل، لذا يتم احترام تفضيلاتك دائمًا.

🛡️ عزل تام باستخدام Shadow DOM — يتواجد الزر داخل حاوية Shadow DOM، معزولاً تمامًا عن تنسيقات CSS الخاصة بالصفحة المضيفة. هذا يعني عدم وجود أي تعارض في التنسيقات — يبدو الزر ويعمل بشكل مثالي على كل موقع ويب، بغض النظر عن مدى تعقيد تصميم الصفحة.

🌙 دعم الوضع الداكن — يتكيف تلقائيًا مع نظام ألوان جهازك. خلفية فاتحة في الوضع الفاتح، وتأثير زجاجي شبه شفاف في الوضع الداكن. يكتشف أيضًا سمة `html[dark]` التي تستخدمها العديد من مواقع الويب لمفاتيح تبديل الوضع الداكن اليدوية.

🌍 55 لغة — النافذة المنبثقة للإضافة وجميع نصوص الواجهة مترجمة بالكامل إلى 55 لغة بما في ذلك الإنجليزية، الإسبانية، الفرنسية، الألمانية، اليابانية، الكورية، الصينية (المبسطة والتقليدية)، العربية، الهندية، الروسية، البرتغالية، وغيرها الكثير.

♿ متوافق مع لوحة المفاتيح — يدعم زر العودة للأعلى التنقل باستخدام لوحة المفاتيح. انتقل إليه باستخدام مفتاح Tab، ثم اضغط على Enter أو Space لتفعيله. يتضمن دور وتسمية ARIA المناسبة لقارئات الشاشة.

🎯 كيف يعمل

1. التثبيت — انقر على "إضافة إلى Chrome" وستكون الإضافة جاهزة. لا حاجة لحساب، لا تسجيل دخول، ولا معالج إعداد.

2. زيارة أي موقع ويب — انتقل إلى صفحة تريد أن يظهر فيها زر العودة للأعلى.

3. تفعيل الموقع — انقر على أيقونة "Scroll to Top Button" في شريط الأدوات. اضغط على مفتاح التبديل لتفعيل الزر على الموقع الحالي. سيظهر الزر العائم على الفور.

4. اختيار الموضع — استخدم شبكة 3x3 في النافذة المنبثقة لوضع الزر بالضبط حيث تريده على الشاشة. يتم حفظ اختيارك لهذا الموقع المحدد.

5. التمرير والنقر — قم بالتمرير لأسفل في أي صفحة. عندما تتجاوز عتبة التمرير، يظهر الزر تدريجيًا بحركة سلسة. انقر عليه للعودة بسلاسة إلى الأعلى. هذا كل شيء.

🔒 الخصوصية والأمان

تم تصميم "Scroll to Top Button" مع الأخذ في الاعتبار أن الخصوصية مبدأ أساسي. إليك بالضبط ما تفعله وما لا تفعله هذه الإضافة:

🚫 لا يوجد تتبع — لا يوجد أي كود تحليلات، لا قياس عن بعد، ولا إحصائيات استخدام. لا يتم قياس أو الإبلاغ عن أي شيء.

🚫 لا يتم جمع البيانات — سجل تصفحك، قائمة المواقع المفعلة، وتفضيلات الموضع لا تغادر متصفحك أبدًا. كل شيء يتم تخزينه محليًا في مساحة التخزين المزامنة لمتصفح Chrome.

🚫 لا توجد طلبات خارجية — الإضافة لا تقوم بأي طلبات شبكية على الإطلاق. لا خوادم بعيدة، لا شبكات توصيل محتوى (CDNs)، ولا برامج نصية من جهات خارجية. كل الأصول — الخطوط، الأيقونات، التنسيقات — مدمجة مباشرة في الإضافة.

🚫 لا توجد إعلانات — لا إعلانات، لا محتوى دعائي، ولا أي شكل من أشكال تحقيق الدخل.

📋 شرح الأذونات:
• `storage` — يُستخدم لحفظ قائمة المواقع المفعلة وتفضيلات موضع الزر. تتم مزامنة هذه البيانات عبر أجهزتك التي تستخدم Chrome من خلال ميزة المزامنة المدمجة في المتصفح، ولكن لا يتم إرسالها أبدًا إلى أي خادم خارجي.
• `activeTab` — يُستخدم لاكتشاف اسم مضيف (hostname) علامة التبويب الحالية حتى تتمكن النافذة المنبثقة من عرض ما إذا كان الموقع مفعلًا والسماح لك بتبديل حالته. لا يمنح هذا الإذن الوصول إلى محتوى الصفحة.

هذا كل شيء. إذنان فقط، كلاهما ضروري، وكلاهما في حده الأدنى.

💡 حالات الاستخدام

📰 مواقع الأخبار والمقالات — المقالات الطويلة على مواقع مثل Medium، بوابات الأخبار، والمدونات تتطلب غالبًا تمريرًا طويلاً. قم بتفعيل الزر على مواقع القراءة المفضلة لديك واقفز عائدًا إلى قائمة التنقل أو العنوان الرئيسي فورًا.

🛒 مواقع التسوق والتجارة الإلكترونية — صفحات قوائم المنتجات على Amazon, eBay, Etsy وغيرها من الأسواق يمكن أن تمتد إلى ما لا نهاية. يتيح لك زر العودة للأعلى العودة بسرعة إلى الفلاتر، أشرطة البحث، وتصفح الفئات دون تمرير يدوي.

📱 خلاصات وسائل التواصل الاجتماعي — الخلاصات اللانهائية على Reddit, Twitter/X, Hacker News، والمنتديات. بعد التمرير عبر عشرات المنشورات، نقرة واحدة تعيدك إلى الأعلى للتحديث أو التنقل.

📚 المستندات والمراجع — المستندات التقنية، مراجع واجهات برمجة التطبيقات (API)، مقالات ويكيبيديا، والأوراق البحثية ذات المحتوى الطويل. ضع الزر في زاوية ملائمة وتنقل بين الأقسام بكفاءة.

💬 المنتديات وسلاسل التعليقات — سلاسل النقاش الطويلة على Stack Overflow، مشاكل GitHub، أو منتديات المجتمع. قم بالتمرير عبر الإجابات والتعليقات، ثم عد فورًا إلى السؤال الأصلي أو المنشور الرئيسي.

⭐ لماذا تختار SCROLL TO TOP BUTTON

🎛️ نظام الاختيار الطوعي (Opt-In)، وليس الإلزامي (Opt-Out) — معظم إضافات العودة للأعلى تفرض ظهور الأزرار على كل صفحة. "Scroll to Top Button" تتبنى النهج المعاكس: معطلة بشكل افتراضي، ولا يتم تفعيلها إلا حيث تريد. يبقى متصفحك نظيفًا ومنظمًا.

🧩 عزل حقيقي لتنسيقات CSS — استخدام Shadow DOM هنا ليس مجرد مصطلح رنان. يتم عرض الزر داخل جذر ظل مغلق (closed shadow root)، مما يعني أنه لا يمكن لأي تنسيق CSS من الصفحة المضيفة أن يؤثر عليه، ولا يمكن لتنسيقات الزر أن تتسرب للخارج. هذا هو النهج الهندسي الصحيح، والذي تتجاهله معظم الإضافات المنافسة تمامًا.

📐 مرونة في تحديد الموضع — تسعة مواضع بدلاً من الموضع التقليدي الواحد أو الاثنين. أسفل اليمين ليس دائمًا أفضل مكان — بعض المواقع لديها أدوات دردشة، لافتات ملفات تعريف الارتباط، أو عناصر عائمة في تلك الزاوية. انقل الزر إلى أي مكان يناسبك.

🧠 ذكاء مخصص لكل موقع — لا تتذكر الإضافة فقط المواقع المفعلة، بل أيضًا موضع الزر لكل موقع على حدة. قم بالضبط مرة واحدة، وانس الأمر.

⚡ لا تأثير على الأداء إطلاقًا — لا توجد برامج نصية تعمل في الخلفية، لا اتصالات مستمرة، ولا مؤقتات تستعلم بشكل متكرر. يستخدم البرنامج النصي للمحتوى مستمع تمرير سلبي (passive scroll listener) ولا يتم تنشيطه إلا عندما تكون الصفحة في قائمة المواقع المفعلة. إذا لم يكن الموقع مفعلًا، يختفي الزر ويكون البرنامج النصي في حالة خمول تام.

🔄 تحديثات فورية — عندما تغير الإعدادات في النافذة المنبثقة، يتم تحديث الزر على الصفحة فورًا. لا حاجة لإعادة تحميل علامة التبويب.

📋 التفاصيل التقنية

• Manifest V3 — مبنية على أحدث منصة إضافات لمتصفح Chrome لتحسين الأمان والأداء.
• المتصفحات المدعومة — Google Chrome، والمتصفحات القائمة على Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• حقن البرنامج النصي للمحتوى — يعمل عند `document_idle` لضمان عدم التأثير على وقت تحميل الصفحة.
• عتبة التمرير — يظهر الزر بعد التمرير لمسافة 300 بكسل، مما يمنعه من الظهور في الصفحات القصيرة.
• الحركة — ظهور تدريجي سلس مع انتقال `translateY`. يستخدم سلوك التمرير واجهة برمجة تطبيقات التمرير السلس الأصلية.
• التخزين — تضمن مساحة التخزين المزامنة في Chrome أن إعداداتك تتبعك عبر الأجهزة التي سجلت الدخول فيها إلى Chrome.
• بدون خطوة بناء (Build Step) — JavaScript خالص بدون إضافات. لا أطر عمل، لا أدوات تجميع، ولا تبعيات.
• خفيفة الوزن — حجم الإضافة بأكملها أقل من 500 كيلوبايت، بما في ذلك جميع ملفات اللغات الـ 55 والخطوط المدمجة.

🚀 ابدأ الآن

انقر على "إضافة إلى Chrome" لتثبيت "Scroll to Top Button". لا يوجد شيء لضبطه مسبقًا — فقط تصفح كالمعتاد. عندما تصل إلى صفحة تريد فيها الزر، انقر على أيقونة الإضافة وقم بتفعيله لهذا الموقع. اختر الموضع المفضل لديك وأنت جاهز. ستتذكر الإضافة اختيارك وسيكون الزر موجودًا هناك في كل مرة تزور فيها الموقع.

صُنعت بعناية بواسطة PYROCTAL.