ปุ่มเลื่อนขึ้นบนสุด

เบื่อกับการเลื่อนหน้าเว็บที่ไม่สิ้นสุดเพียงเพื่อจะกลับไปด้านบนสุดของหน้าใช่ไหม? Scroll to Top Button เพิ่มปุ่มลอยดีไซน์เรียบหรูให้กับทุกเว็บไซต์—เพียงคลิกเดียว คุณก็จะกลับไปที่ด้านบนสุดด้วยแอนิเมชันการเลื่อนที่นุ่มนวล น้ำหนักเบา เป็นส่วนตัว และอยู่ภายใต้การควบคุมของคุณอย่างสมบูรณ์

✨ คุณสมบัติหลัก

⬆️ ปุ่มเลื่อนขึ้นบนสุดแบบลอย — ปุ่มทรงกลมสะอาดตาพร้อมไอคอนลูกศรจะปรากฏขึ้นเมื่อคุณเลื่อนหน้าเว็บลง คลิกเพื่อเลื่อนกลับไปด้านบนสุดของหน้าอย่างนุ่มนวล เรียบง่าย รวดเร็ว และมีประสิทธิภาพ

🎯 เปิด/ปิดการใช้งานรายเว็บไซต์ — โดยค่าเริ่มต้น ปุ่มจะถูกปิดใช้งานในทุกเว็บไซต์ คุณเป็นผู้เลือกเองว่าจะให้ปุ่มปรากฏที่ใด เพียงเปิดป๊อปอัปแล้วคลิกสวิตช์สำหรับเว็บไซต์ปัจจุบัน ก็เป็นอันเสร็จสิ้น ไม่รกสายตาบนเว็บไซต์ที่คุณไม่ต้องการใช้งาน

📐 ตารางจัดวาง 9 ตำแหน่ง — วางตำแหน่งปุ่มได้ทุกที่บนหน้าจอโดยใช้ตารางภาพขนาด 3x3: ด้านบน, ตรงกลาง หรือด้านล่าง ผสานกับด้านซ้าย, ตรงกลาง หรือด้านขวา ทำให้มีตำแหน่งที่เป็นไปได้ถึงเก้าตำแหน่ง เลือกจุดที่เหมาะสมที่สุดสำหรับแต่ละเค้าโครงหน้าเว็บ

📌 บันทึกตำแหน่งรายเว็บไซต์ — เว็บไซต์ต่างกันก็มีเค้าโครงต่างกัน คุณสามารถตั้งค่าปุ่มไว้ที่มุมขวาล่างสำหรับเว็บหนึ่ง และตั้งไว้ที่มุมซ้ายบนสำหรับอีกเว็บหนึ่งได้ Scroll to Top Button จะจดจำตำแหน่งของแต่ละเว็บไซต์แยกกัน เพื่อให้การตั้งค่าของคุณได้รับการปรับใช้อย่างถูกต้องเสมอ

🛡️ การแยกส่วนด้วย Shadow DOM — ปุ่มทำงานอยู่ภายในคอนเทนเนอร์ Shadow DOM ซึ่งแยกออกจาก CSS ของหน้าเว็บโฮสต์โดยสิ้นเชิง ซึ่งหมายความว่าจะไม่มีปัญหาสไตล์ขัดแย้งกัน—ปุ่มจะดูดีและทำงานได้อย่างสมบูรณ์แบบบนทุกเว็บไซต์ ไม่ว่าสไตล์ของหน้าเว็บจะซับซ้อนเพียงใด

🌙 รองรับโหมดมืด — ปรับตามธีมสีของระบบของคุณโดยอัตโนมัติ พื้นหลังสว่างในโหมดสว่าง และเอฟเฟกต์กระจกโปร่งแสงในโหมดมืด นอกจากนี้ยังตรวจจับแอตทริบิวต์ html[dark] ที่หลายเว็บไซต์ใช้สำหรับสลับโหมดมืดด้วยตนเอง

🌍 รองรับ 55 ภาษา — ป๊อปอัปของส่วนขยายและข้อความในส่วนติดต่อผู้ใช้ทั้งหมดได้รับการแปลเป็น 55 ภาษา รวมถึงภาษาอังกฤษ, สเปน, ฝรั่งเศส, เยอรมัน, ญี่ปุ่น, เกาหลี, จีน (ตัวย่อและตัวเต็ม), อาหรับ, ฮินดี, รัสเซีย, โปรตุเกส และอีกมากมาย

♿ เข้าถึงได้ด้วยคีย์บอร์ด — ปุ่มเลื่อนขึ้นบนสุดรองรับการนำทางด้วยคีย์บอร์ด คุณสามารถกดปุ่ม Tab เพื่อไปยังปุ่ม แล้วกด Enter หรือ Space เพื่อเปิดใช้งาน รวมถึงมี ARIA role และ label ที่เหมาะสมสำหรับโปรแกรมอ่านหน้าจอ

🎯 วิธีการทำงาน

1. ติดตั้ง — คลิก "เพิ่มใน Chrome" และส่วนขยายก็พร้อมใช้งาน ไม่ต้องสร้างบัญชี ไม่ต้องลงทะเบียน ไม่มีขั้นตอนการตั้งค่าที่ยุ่งยาก

2. เข้าชมเว็บไซต์ใดก็ได้ — ไปยังหน้าที่คุณต้องการให้ปุ่มเลื่อนขึ้นบนสุดปรากฏ

3. เปิดใช้งานสำหรับเว็บไซต์ — คลิกไอคอน Scroll to Top Button ในแถบเครื่องมือของคุณ กดสวิตช์เพื่อเปิดใช้งานปุ่มบนเว็บไซต์ปัจจุบัน ปุ่มลอยจะปรากฏขึ้นทันที

4. เลือกตำแหน่ง — ใช้ตาราง 3x3 ในป๊อปอัปเพื่อวางตำแหน่งปุ่มตรงจุดที่คุณต้องการบนหน้าจอ การเลือกของคุณจะถูกบันทึกไว้สำหรับเว็บไซต์นี้โดยเฉพาะ

5. เลื่อนและคลิก — เลื่อนลงในหน้าใดก็ได้ เมื่อคุณเลื่อนผ่านเกณฑ์ที่กำหนด ปุ่มจะค่อยๆ ปรากฏขึ้นพร้อมแอนิเมชันที่นุ่มนวล คลิกเพื่อเลื่อนกลับไปด้านบนสุด แค่นั้นเอง

🔒 ความเป็นส่วนตัวและความปลอดภัย

Scroll to Top Button สร้างขึ้นโดยยึดหลักความเป็นส่วนตัวเป็นหัวใจสำคัญ นี่คือสิ่งที่ส่วนขยายนี้ทำและไม่ทำอย่างชัดเจน:

🚫 ไม่มีการติดตาม — ไม่มีโค้ดวิเคราะห์ข้อมูล ไม่มีข้อมูลทางไกล ไม่มีการเก็บสถิติการใช้งาน ไม่มีการวัดผลหรือรายงานใดๆ ทั้งสิ้น

🚫 ไม่มีการเก็บข้อมูล — ประวัติการเข้าชมของคุณ รายชื่อเว็บไซต์ที่เปิดใช้งาน และการตั้งค่าตำแหน่ง จะไม่ถูกส่งออกจากเบราว์เซอร์ของคุณโดยเด็ดขาด ทุกอย่างจะถูกจัดเก็บไว้ในที่จัดเก็บข้อมูลแบบซิงค์ของ Chrome ในเครื่องของคุณเท่านั้น

🚫 ไม่มีการร้องขอภายนอก — ส่วนขยายไม่มีการส่งคำขอไปยังเครือข่ายใดๆ เลย ไม่มีเซิร์ฟเวอร์ระยะไกล ไม่มี CDN ไม่มีสคริปต์ของบุคคลที่สาม ทุกองค์ประกอบ—ฟอนต์, ไอคอน, สไตล์—จะถูกรวมไว้ในส่วนขยายโดยตรง

🚫 ไม่มีโฆษณา — ไม่มีโฆษณา ไม่มีเนื้อหาที่ได้รับการสนับสนุน ไม่มีการสร้างรายได้ทุกรูปแบบ

📋 คำอธิบายสิทธิ์การเข้าถึง:
• storage — ใช้เพื่อบันทึกรายการเว็บไซต์ที่คุณเปิดใช้งานและการตั้งค่าตำแหน่งปุ่ม ข้อมูลนี้จะซิงค์กับอุปกรณ์ต่างๆ ที่คุณลงชื่อเข้าใช้ Chrome ผ่านระบบซิงค์ของ Chrome เอง แต่จะไม่ถูกส่งไปยังเซิร์ฟเวอร์ภายนอกใดๆ
• activeTab — ใช้เพื่อตรวจจับชื่อโฮสต์ของแท็บปัจจุบัน เพื่อให้ป๊อปอัปสามารถแสดงสถานะการเปิดใช้งานของเว็บไซต์และให้คุณสลับการใช้งานได้ สิทธิ์นี้ไม่ได้ให้การเข้าถึงเนื้อหาของหน้าเว็บ

เพียงเท่านี้ มีสิทธิ์การเข้าถึงเพียงสองอย่าง ซึ่งทั้งสองอย่างจำเป็นและจำกัดการเข้าถึงให้น้อยที่สุด

💡 กรณีการใช้งาน

📰 เว็บไซต์ข่าวและบทความ — บทความขนาดยาวบนเว็บไซต์อย่าง Medium, พอร์ทัลข่าว และบล็อกต่างๆ มักจะต้องเลื่อนหน้าจอเป็นอย่างมาก เปิดใช้งานปุ่มบนเว็บไซต์ที่คุณชอบอ่าน แล้วกลับไปที่เมนูนำทางหรือหัวข้อข่าวได้ทันที

🛒 เว็บไซต์ช็อปปิ้งและอีคอมเมิร์ซ — หน้ารายการสินค้าบน Amazon, eBay, Etsy และตลาดออนไลน์อื่นๆ อาจยาวไม่รู้จบ ปุ่มเลื่อนขึ้นบนสุดช่วยให้คุณกลับไปยังตัวกรอง, แถบค้นหา และเมนูหมวดหมู่ได้อย่างรวดเร็วโดยไม่ต้องเลื่อนด้วยตนเอง

📱 ฟีดโซเชียลมีเดีย — ฟีดที่เลื่อนได้ไม่สิ้นสุดบน Reddit, Twitter/X, Hacker News และฟอรัมต่างๆ หลังจากเลื่อนดูโพสต์มากมายหลายสิบโพสต์ เพียงคลิกเดียวก็กลับไปด้านบนสุดเพื่อรีเฟรชหรือไปยังส่วนต่างๆ ได้

📚 เอกสารและแหล่งอ้างอิง — เอกสารทางเทคนิค, เอกสารอ้างอิง API, บทความใน Wikipedia และงานวิจัยที่มีเนื้อหายาว วางตำแหน่งปุ่มไว้ในมุมที่สะดวกแล้วสลับไปมาระหว่างส่วนต่างๆ ได้อย่างมีประสิทธิภาพ

💬 ฟอรัมและกระทู้ความคิดเห็น — กระทู้สนทนายาวๆ บน Stack Overflow, GitHub issues หรือฟอรัมชุมชนต่างๆ เลื่อนดูคำตอบและความคิดเห็น แล้วกลับไปยังคำถามหรือโพสต์ดั้งเดิมได้ทันที

⭐ ทำไมต้องเลือก SCROLL TO TOP BUTTON

🎛️ เลือกเปิดใช้งานเอง ไม่ใช่ต้องคอยปิด — ส่วนขยายเลื่อนขึ้นบนสุดส่วนใหญ่จะใส่ปุ่มในทุกๆ หน้า แต่ Scroll to Top Button ใช้วิธีตรงกันข้าม: ปิดใช้งานเป็นค่าเริ่มต้น และเปิดใช้งานเฉพาะที่ที่คุณต้องการ ทำให้เบราว์เซอร์ของคุณสะอาดอยู่เสมอ

🧩 การแยก CSS อย่างแท้จริง — Shadow DOM ไม่ใช่แค่คำศัพท์ทางการตลาดสำหรับเรา ปุ่มถูกเรนเดอร์ภายใน closed shadow root ซึ่งหมายความว่า CSS จากหน้าเว็บโฮสต์ไม่สามารถส่งผลกระทบต่อปุ่มได้เลย และสไตล์ของปุ่มก็ไม่สามารถรั่วไหลออกไปได้ นี่คือแนวทางการพัฒนาที่ถูกต้องซึ่งส่วนขยายคู่แข่งส่วนใหญ่มองข้ามไป

📐 การจัดวางที่ยืดหยุ่น — มีให้เลือกถึงเก้าตำแหน่ง แทนที่จะมีแค่หนึ่งหรือสองตำแหน่งตามปกติ มุมขวาล่างอาจไม่ใช่จุดที่ดีที่สุดเสมอไป—บางเว็บไซต์มีวิดเจ็ตแชท, แบนเนอร์คุกกี้ หรือองค์ประกอบลอยอื่นๆ ในมุมนั้น คุณสามารถย้ายปุ่มไปไว้ตรงไหนก็ได้ที่เหมาะสม

🧠 ความสามารถในการจดจำรายเว็บไซต์ — ส่วนขยายไม่เพียงแต่จดจำว่าเว็บไซต์ใดเปิดใช้งานอยู่ แต่ยังจดจำตำแหน่งปุ่มสำหรับแต่ละเว็บไซต์แยกกันอีกด้วย ตั้งค่าครั้งเดียว แล้วลืมไปได้เลย

⚡ ไม่มีผลกระทบต่อประสิทธิภาพการทำงาน — ไม่มีสคริปต์ที่ทำงานอยู่เบื้องหลัง ไม่มีการเชื่อมต่อค้างไว้ ไม่มีตัวจับเวลาที่คอยตรวจสอบตลอดเวลา คอนเทนต์สคริปต์ใช้ scroll listener แบบ passive และจะทำงานก็ต่อเมื่อหน้านั้นอยู่ในรายการที่เปิดใช้งาน หากเว็บไซต์ไม่ได้เปิดใช้งาน ปุ่มจะถูกซ่อนและสคริปต์จะอยู่ในสถานะพักการทำงาน

🔄 อัปเดตแบบเรียลไทม์ — เมื่อคุณเปลี่ยนการตั้งค่าในป๊อปอัป ปุ่มบนหน้าเว็บจะอัปเดตทันที ไม่จำเป็นต้องรีเฟรชแท็บ

📋 รายละเอียดทางเทคนิค

• Manifest V3 — สร้างขึ้นบนแพลตฟอร์มส่วนขยายล่าสุดของ Chrome เพื่อความปลอดภัยและประสิทธิภาพที่ดีขึ้น
• เบราว์เซอร์ที่รองรับ — Google Chrome, เบราว์เซอร์ที่ใช้ Chromium (Edge, Brave, Opera, Vivaldi, Arc)
• การฉีด Content Script — ทำงานเมื่อ document_idle เพื่อไม่ให้กระทบต่อเวลาในการโหลดหน้าเว็บ
• เกณฑ์การเลื่อน — ปุ่มจะปรากฏขึ้นหลังจากเลื่อนไป 300 พิกเซล เพื่อป้องกันไม่ให้แสดงบนหน้าที่สั้นเกินไป
• แอนิเมชัน — ค่อยๆ ปรากฏขึ้นอย่างนุ่มนวลด้วย translateY transition การเลื่อนใช้ API การเลื่อนที่นุ่มนวลของเบราว์เซอร์
• ที่จัดเก็บข้อมูล — ที่จัดเก็บข้อมูลแบบซิงค์ของ Chrome ช่วยให้การตั้งค่าของคุณตามไปทุกอุปกรณ์ที่คุณลงชื่อเข้าใช้ Chrome
• ไม่มีขั้นตอนการ Build — ใช้ JavaScript ล้วน (Vanilla JavaScript) ไม่ใช้เฟรมเวิร์ก ไม่มีตัวรวมโค้ด (bundler) ไม่มีไลบรารี่ภายนอก
• น้ำหนักเบา — ส่วนขยายทั้งหมดมีขนาดไม่ถึง 500KB รวมถึงไฟล์ทั้ง 55 ภาษาและฟอนต์ที่รวมมาด้วย

🚀 เริ่มต้นใช้งาน

คลิก "เพิ่มใน Chrome" เพื่อติดตั้ง Scroll to Top Button ไม่มีการตั้งค่าใดๆ ล่วงหน้า—แค่เข้าชมเว็บตามปกติ เมื่อคุณไปยังหน้าที่ต้องการให้มีปุ่ม ให้คลิกไอคอนส่วนขยายและเปิดใช้งานสำหรับเว็บไซต์นั้น เลือกตำแหน่งที่คุณต้องการ แล้วคุณก็พร้อมใช้งาน ส่วนขยายจะจดจำการเลือกของคุณและปุ่มจะปรากฏทุกครั้งที่คุณเข้าชมเว็บไซต์นั้น

สร้างสรรค์ด้วยความใส่ใจโดย PYROCTAL.