Nút cuộn lên đầu

Bạn mệt mỏi với việc cuộn trang vô tận chỉ để quay lại đầu trang? Nút Cuộn Lên Đầu Trang (Scroll to Top Button) thêm một nút nổi trang nhã vào bất kỳ trang web nào — chỉ cần một cú chạm và bạn sẽ quay lại đầu trang với hiệu ứng cuộn mượt mà. Nhẹ, riêng tư và hoàn toàn nằm dưới sự kiểm soát của bạn.

✨ TÍNH NĂNG CHÍNH

⬆️ Nút Cuộn Lên Đầu Trang Nổi — Một nút tròn gọn gàng với biểu tượng dấu mũi tên xuất hiện khi bạn cuộn xuống. Nhấp vào nó để cuộn mượt mà trở lại đầu trang. Đơn giản, nhanh chóng, hiệu quả.

🎯 Bật/Tắt Từng Trang Web — Nút này sẽ bị vô hiệu hóa theo mặc định trên mọi trang web. Bạn chọn chính xác nơi nó xuất hiện. Mở cửa sổ bật lên, nhấp vào nút chuyển đổi cho trang web hiện tại, xong. Không lộn xộn trên các trang web mà bạn không cần đến nó.

📐 Lưới Đặt Vị Trí 9 Ô — Đặt nút ở bất kỳ vị trí nào trên màn hình bằng cách sử dụng lưới trực quan 3x3: trên, giữa hoặc dưới kết hợp với trái, giữa hoặc phải. Chín vị trí có thể có. Chọn vị trí phù hợp nhất cho từng bố cục trang.

📌 Lưu Vị Trí Từng Trang Web — Các trang web khác nhau, bố cục khác nhau. Đặt nút ở dưới cùng bên phải trên một trang web và trên cùng bên trái trên một trang khác. Nút Cuộn Lên Đầu Trang nhớ vị trí của từng trang web một cách độc lập, vì vậy các tùy chọn của bạn luôn được tôn trọng.

🛡️ Cách Ly Bằng Shadow DOM — Nút này nằm bên trong một vùng chứa Shadow DOM, hoàn toàn cách ly khỏi CSS của trang chủ. Điều này có nghĩa là không có xung đột kiểu dáng nào — nút trông và hoạt động hoàn hảo trên mọi trang web, bất kể kiểu dáng trang phức tạp đến mức nào.

🌙 Hỗ Trợ Chế Độ Tối — Tự động điều chỉnh theo bảng màu của hệ thống của bạn. Nền sáng ở chế độ sáng, hiệu ứng kính mờ ở chế độ tối. Cũng phát hiện thuộc tính html[dark] được nhiều trang web sử dụng cho các nút chuyển đổi chế độ tối thủ công.

🌍 55 Ngôn Ngữ — Cửa sổ bật lên của tiện ích mở rộng và tất cả văn bản giao diện đều được bản địa hóa hoàn toàn bằng 55 ngôn ngữ bao gồm tiếng Anh, tiếng Tây Ban Nha, tiếng Pháp, tiếng Đức, tiếng Nhật, tiếng Hàn, tiếng Trung (Giản thể và Phồn thể), tiếng Ả Rập, tiếng Hindi, tiếng Nga, tiếng Bồ Đào Nha và nhiều ngôn ngữ khác.

♿ Có Thể Truy Cập Bằng Bàn Phím — Nút cuộn lên đầu trang hỗ trợ điều hướng bằng bàn phím. Sử dụng Tab để di chuyển đến nó, nhấn Enter hoặc Space để kích hoạt. Bao gồm vai trò và nhãn ARIA phù hợp cho trình đọc màn hình.

🎯 CÁCH HOẠT ĐỘNG

1. Cài đặt — Nhấp vào "Thêm vào Chrome" và tiện ích mở rộng đã sẵn sàng. Không cần tài khoản, không cần đăng ký, không cần trình hướng dẫn cài đặt.

2. Truy cập bất kỳ trang web nào — Điều hướng đến một trang mà bạn muốn nút cuộn lên đầu trang xuất hiện.

3. Kích hoạt trang web — Nhấp vào biểu tượng Nút Cuộn Lên Đầu Trang trong thanh công cụ của bạn. Nhấn nút chuyển đổi để kích hoạt nút trên trang web hiện tại. Nút nổi xuất hiện ngay lập tức.

4. Chọn vị trí — Sử dụng lưới 3x3 trong cửa sổ bật lên để đặt nút chính xác nơi bạn muốn trên màn hình. Lựa chọn của bạn được lưu cho trang web cụ thể này.

5. Cuộn và nhấp — Cuộn xuống bất kỳ trang nào. Khi bạn vượt qua ngưỡng cuộn, nút sẽ xuất hiện mượt mà. Nhấp vào nó để lướt lên đầu trang. Chỉ có vậy thôi.

🔒 QUYỀN RIÊNG TƯ & BẢO MẬT

Nút Cuộn Lên Đầu Trang được xây dựng với nguyên tắc cốt lõi là quyền riêng tư. Đây là chính xác những gì tiện ích mở rộng này thực hiện và không thực hiện:

🚫 Không theo dõi — Không có mã phân tích, không có đo từ xa, không có thống kê sử dụng. Không có gì được đo lường hoặc báo cáo.

🚫 Không thu thập dữ liệu — Lịch sử duyệt web của bạn, danh sách các trang web được kích hoạt và tùy chọn vị trí không bao giờ rời khỏi trình duyệt của bạn. Mọi thứ được lưu trữ cục bộ trong bộ nhớ đồng bộ của Chrome.

🚫 Không có yêu cầu bên ngoài — Tiện ích mở rộng không thực hiện bất kỳ yêu cầu mạng nào. Không có máy chủ từ xa, không có CDN, không có tập lệnh của bên thứ ba. Mọi tài sản — phông chữ, biểu tượng, kiểu dáng — được đóng gói trực tiếp trong tiện ích mở rộng.

🚫 Không quảng cáo — Không có quảng cáo, không có nội dung được tài trợ, không có bất kỳ hình thức kiếm tiền nào.

📋 Giải thích về quyền:
• storage — Được sử dụng để lưu danh sách các trang web được kích hoạt và tùy chọn vị trí nút của bạn. Dữ liệu này đồng bộ hóa trên các phiên bản Chrome của bạn thông qua tính năng đồng bộ hóa tích hợp của Chrome nhưng không bao giờ được gửi đến bất kỳ máy chủ bên ngoài nào.
• activeTab — Được sử dụng để phát hiện tên máy chủ của tab hiện tại để cửa sổ bật lên có thể hiển thị liệu trang web có được kích hoạt hay không và cho phép bạn bật/tắt nó. Quyền này không cấp quyền truy cập vào nội dung trang.

Chỉ có vậy. Hai quyền, cả hai đều cần thiết, cả hai đều tối thiểu.

💡 CÁC TRƯỜNG HỢP SỬ DỤNG

📰 Trang Tin Tức và Bài Viết — Các bài viết dài trên các trang như Medium, cổng tin tức và blog thường yêu cầu cuộn trang nhiều. Kích hoạt nút trên các trang đọc yêu thích của bạn và quay lại menu điều hướng hoặc tiêu đề ngay lập tức.

🛒 Mua Sắm và Thương Mại Điện Tử — Các trang liệt kê sản phẩm trên Amazon, eBay, Etsy và các chợ khác có thể kéo dài vô tận. Nút cuộn lên đầu trang cho phép bạn nhanh chóng quay lại các bộ lọc, thanh tìm kiếm và điều hướng danh mục mà không cần cuộn thủ công.

📱 Nguồn Cấp Dữ liệu Mạng Xã Hội — Nguồn cấp dữ liệu cuộn vô hạn trên Reddit, Twitter/X, Hacker News và các diễn đàn. Sau khi cuộn qua hàng chục bài đăng, một cú nhấp chuột sẽ đưa bạn trở lại đầu trang để làm mới hoặc điều hướng.

📚 Tài Liệu và Tham Khảo — Tài liệu kỹ thuật, tài liệu tham khảo API, bài viết Wikipedia và các bài báo nghiên cứu với nội dung dài. Đặt nút ở một góc thuận tiện và di chuyển giữa các phần một cách hiệu quả.

💬 Diễn Đàn và Chủ Đề Bình Luận — Các chủ đề thảo luận dài trên Stack Overflow, vấn đề GitHub hoặc diễn đàn cộng đồng. Cuộn qua các câu trả lời và bình luận, sau đó ngay lập tức quay lại câu hỏi hoặc bài đăng gốc.

⭐ TẠI SAO CHỌN NÚT CUỘN LÊN ĐẦU TRANG

🎛️ Chọn Tham Gia, Không Phải Chọn Từ Chối — Hầu hết các tiện ích mở rộng cuộn lên đầu trang đều chèn nút vào mọi trang. Nút Cuộn Lên Đầu Trang thực hiện cách tiếp cận ngược lại: bị vô hiệu hóa theo mặc định, chỉ được kích hoạt ở nơi bạn muốn. Trình duyệt của bạn vẫn sạch sẽ.

🧩 Cách Ly CSS Đúng Nghĩa — Shadow DOM ở đây không chỉ là một từ thông dụng. Nút được hiển thị bên trong một gốc bóng đóng, có nghĩa là hoàn toàn không có CSS nào từ trang chủ có thể ảnh hưởng đến nó, và các kiểu của nút không thể bị rò rỉ ra ngoài. Đây là cách tiếp cận kỹ thuật đúng đắn, và hầu hết các tiện ích mở rộng cạnh tranh đều bỏ qua hoàn toàn.

📐 Định Vị Linh Hoạt — Chín vị trí thay vì một hoặc hai vị trí thông thường. Dưới cùng bên phải không phải lúc nào cũng là vị trí tốt nhất — một số trang web có tiện ích trò chuyện, biểu ngữ cookie hoặc các yếu tố nổi ở góc đó. Di chuyển nút đến bất cứ nơi nào nó phù hợp.

🧠 Thông Minh Từng Trang Web — Tiện ích mở rộng không chỉ ghi nhớ các trang web nào được kích hoạt mà còn cả vị trí nút cho từng trang web riêng lẻ. Cấu hình một lần, quên nó đi.

⚡ Không Ảnh Hưởng Đến Hiệu Suất — Không có tập lệnh nền chạy, không có kết nối liên tục, không có thăm dò bộ hẹn giờ. Tập lệnh nội dung sử dụng trình lắng nghe cuộn thụ động và chỉ kích hoạt khi trang nằm trong danh sách được kích hoạt. Nếu trang web không được kích hoạt, nút sẽ bị ẩn và tập lệnh về cơ bản là không hoạt động.

🔄 Cập Nhật Trực Tiếp — Khi bạn thay đổi cài đặt trong cửa sổ bật lên, nút trên trang sẽ cập nhật ngay lập tức. Không cần làm mới tab.

📋 CHI TIẾT KỸ THUẬT

• Manifest V3 — Được xây dựng trên nền tảng tiện ích mở rộng mới nhất của Chrome để cải thiện bảo mật và hiệu suất.
• Trình Duyệt Được Hỗ Trợ — Google Chrome, các trình duyệt dựa trên Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Chèn Tập Lệnh Nội Dung — Chạy ở document_idle để không ảnh hưởng đến thời gian tải trang.
• Ngưỡng Cuộn — Nút xuất hiện sau khi cuộn 300 pixel, ngăn nó hiển thị trên các trang ngắn.
• Hoạt Ảnh — Hiệu ứng làm mờ dần mượt mà với chuyển đổi translateY. Hành vi cuộn sử dụng API cuộn mượt mà gốc.
• Lưu Trữ — Bộ nhớ đồng bộ của Chrome đảm bảo cài đặt của bạn theo bạn trên các thiết bị nơi bạn đã đăng nhập vào Chrome.
• Không Có Bước Xây Dựng — Hoàn toàn là JavaScript thuần túy. Không có khung công tác, không có công cụ đóng gói, không có phụ thuộc.
• Nhẹ — Toàn bộ tiện ích mở rộng dưới 500KB bao gồm tất cả 55 tệp ngôn ngữ và phông chữ đóng gói.

🚀 BẮT ĐẦU

Nhấp vào "Thêm vào Chrome" để cài đặt Nút Cuộn Lên Đầu Trang. Không có gì phải cấu hình trước — chỉ cần duyệt web bình thường. Khi bạn đến một trang mà bạn muốn có nút, hãy nhấp vào biểu tượng tiện ích mở rộng và kích hoạt nó cho trang đó. Chọn vị trí ưu tiên của bạn và bạn đã sẵn sàng. Tiện ích mở rộng sẽ ghi nhớ lựa chọn của bạn và nút sẽ luôn ở đó mỗi khi bạn truy cập.

Được tạo ra cẩn thận bởi PYROCTAL.