Skip to main content

การเลื่อนของคุณทำงานอย่างไร?

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

การทดสอบนี้จับข้อมูล WheelEvent และการเลื่อนสัมผัสเพื่อแสดงทิศทางการเลื่อน ค่า delta (deltaX, deltaY) ความเร็วการเลื่อนเป็นพิกเซลต่อวินาที และความสม่ำเสมอของขั้นระหว่างอุปกรณ์อินพุตต่างๆ

ล้อเมาส์มาตรฐานหนึ่งขั้นสร้าง deltaY 100–120px ในเบราว์เซอร์ส่วนใหญ่ ในขณะที่การเลื่อนแทร็คแพดสร้างค่า delta ที่เล็กกว่าและลื่นไหลกว่าพร้อมการลดลงตามความเฉื่อย

Scroll here
Direction
Delta0px
Events/s0

ผลลัพธ์ของคุณหมายความว่าอย่างไร?

Result Range Meaning
ดี ค่า delta สม่ำเสมอพร้อมการชะลอตัวลื่นไหล อินพุตการเลื่อนทำงานถูกต้อง ค่า delta สม่ำเสมอต่อขั้น (เมาส์) หรือแสดงเส้นโค้งความเฉื่อยลื่นไหล (แทร็คแพด) บ่งบอกการทำงานของไดรเวอร์และฮาร์ดแวร์ที่เหมาะสม
เตือน ค่า delta ไม่สม่ำเสมอเป็นครั้งคราวหรือทิศทางกลับด้าน ความไม่สอดคล้องเล็กน้อยอาจบ่งบอกว่า encoder ล้อเลื่อนสึกหรอ กลไกเลื่อนสกปรก หรือซอฟต์แวร์ smooth-scroll ขัดแย้งกัน ทำความสะอาดล้อเลื่อนหากใช้เมาส์
แย่ delta ไม่แน่นอน ข้ามขั้น หรือทิศทางกลับด้าน encoder ล้อเลื่อนอาจเสีย พบบ่อยในเมาส์รุ่นเก่า — หน้าสัมผัส rotary encoder เสื่อมสภาพตามเวลา ทำให้เกิดการเลื่อนผีหรือทิศทางกลับด้าน

ปัญหาทั่วไปและวิธีแก้ไข

ทิศทางการเลื่อนกลับด้านแบบสุ่ม

นี่คือสัญญาณคลาสสิกของ encoder ล้อเลื่อนที่สึกหรอ ลองทำความสะอาด encoder ด้วยลมอัด หากปัญหายังคงอยู่ หน้าสัมผัส encoder อาจเกิดออกซิเดชันและอาจต้องเปลี่ยนเมาส์

การเลื่อนรู้สึกกระตุกหรือข้ามขั้น

ตรวจสอบว่าเปิด smooth scrolling ในการตั้งค่าเบราว์เซอร์แล้วหรือยัง (Chrome: chrome://flags → Smooth Scrolling) บน Windows ตรวจสอบว่าไดรเวอร์เมาส์เป็นเวอร์ชันล่าสุด ซอฟต์แวร์ปรับการเลื่อนของบุคคลที่สามบางตัวอาจขัดแย้งกับการเลื่อนของเบราว์เซอร์

เครื่องมือที่เกี่ยวข้อง

คำถามที่พบบ่อย

deltaY ในเหตุการณ์เลื่อนคืออะไร?

deltaY คือปริมาณการเลื่อนแนวตั้งที่รายงานโดย WheelEvent ของเบราว์เซอร์ สำหรับล้อเมาส์ หนึ่งขั้นมักสร้าง deltaY 100–120px แทร็คแพดสร้างค่าที่เล็กกว่าและต่อเนื่อง ค่าที่แน่นอนขึ้นอยู่กับ OS เบราว์เซอร์ และการตั้งค่าความเร็วเลื่อน

ทำไมแทร็คแพดเลื่อนต่างจากล้อเมาส์?

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

การทดสอบนี้ตรวจจับ natural vs reverse scrolling ได้ไหม?

ได้ การทดสอบแสดงเครื่องหมาย deltaY ดิบสำหรับแต่ละเหตุการณ์ deltaY บวกกับการเคลื่อนนิ้วลงหมายถึง natural (reverse) scrolling เปิดใช้งาน deltaY ลบกับการเคลื่อนลงหมายถึงการเลื่อนแบบดั้งเดิม

มีการอัปโหลดข้อมูลไหม?

ไม่ ข้อมูล WheelEvent และการเลื่อนสัมผัสทั้งหมดถูกจับและวิเคราะห์ในเบราว์เซอร์ ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์ใดๆ