Skip to main content

Cuộn của bạn hoạt động như thế nào?

Phân tích đầu vào cuộn theo thời gian thực. Xem hướng cuộn, giá trị delta, tốc độ và độ mượt cho bánh xe chuột, bàn di chuột hoặc cuộn cảm ứng — tất cả được xử lý cục bộ trong trình duyệt.

Bài kiểm tra này bắt dữ liệu WheelEvent và cuộn cảm ứng để hiển thị hướng cuộn, giá trị delta (deltaX, deltaY), tốc độ cuộn tính bằng pixel/giây và tính nhất quán của bước trên các thiết bị đầu vào khác nhau.

Một nấc bánh xe chuột tiêu chuẩn tạo ra deltaY 100–120px trong hầu hết trình duyệt, trong khi cuộn bàn di chuột tạo giá trị delta nhỏ hơn, mượt hơn với suy giảm quán tính.

Scroll here
Direction
Delta0px
Events/s0

Kết quả của bạn có ý nghĩa gì?

Result Range Meaning
Tốt Giá trị delta nhất quán với giảm tốc mượt Đầu vào cuộn hoạt động chính xác. Giá trị delta đồng đều mỗi nấc (chuột) hoặc hiển thị đường cong quán tính mượt (bàn di chuột), cho thấy chức năng driver và phần cứng phù hợp.
Cảnh báo Giá trị delta không đều đôi khi hoặc đảo hướng Không nhất quán nhỏ có thể chỉ ra mòn bộ mã hóa bánh xe cuộn, cơ chế cuộn bẩn hoặc xung đột phần mềm cuộn mượt. Vệ sinh bánh xe cuộn nếu dùng chuột.
Kém Delta không ổn định, bước bị bỏ hoặc hướng đảo ngược Bộ mã hóa bánh xe cuộn có thể đang hỏng. Phổ biến ở chuột cũ — tiếp điểm bộ mã hóa quay xuống cấp theo thời gian, gây cuộn ảo hoặc đảo hướng.

Vấn đề thường gặp và giải pháp

Hướng cuộn đảo ngược ngẫu nhiên

Đây là dấu hiệu điển hình của bộ mã hóa bánh xe cuộn bị mòn. Thử vệ sinh bộ mã hóa bằng khí nén. Nếu vấn đề tiếp tục, tiếp điểm bộ mã hóa có thể đã bị oxy hóa và chuột có thể cần thay thế.

Cuộn giật hoặc bỏ bước

Kiểm tra xem cuộn mượt đã được bật trong cài đặt trình duyệt chưa (Chrome: chrome://flags → Smooth Scrolling). Trên Windows, xác nhận driver chuột đã cập nhật. Một số phần mềm làm mượt cuộn của bên thứ ba có thể xung đột với cuộn trình duyệt.

Công cụ liên quan

Câu Hỏi Thường Gặp

deltaY trong sự kiện cuộn là gì?

deltaY là lượng cuộn dọc được WheelEvent của trình duyệt báo cáo. Với bánh xe chuột, một nấc thường tạo deltaY 100–120px. Bàn di chuột tạo giá trị nhỏ hơn, liên tục. Giá trị chính xác phụ thuộc vào hệ điều hành, trình duyệt và cài đặt tốc độ cuộn.

Tại sao bàn di chuột cuộn khác bánh xe chuột?

Bàn di chuột sử dụng cuộn chính xác với giá trị delta dưới pixel và động lượng quán tính, trong khi bánh xe chuột tạo delta rời rạc theo bước. Đây là thiết kế — bàn di chuột mô phỏng bề mặt cảm ứng với vật lý giảm tốc mượt.

Bài kiểm tra này có thể phát hiện cuộn tự nhiên so với cuộn ngược không?

Có. Bài kiểm tra hiển thị dấu deltaY thô cho mỗi sự kiện. deltaY dương với chuyển động ngón tay xuống cho thấy cuộn tự nhiên (ngược) được bật. deltaY âm với chuyển động xuống có nghĩa cuộn truyền thống.

Dữ liệu có được tải lên không?

Không. Tất cả dữ liệu WheelEvent và cuộn cảm ứng được bắt và phân tích hoàn toàn trong trình duyệt. Không có thông tin nào được gửi đến máy chủ nào.