แถบความคืบหน้าการเลื่อนหน้าจอ และเหตุผลที่ควรทำให้มันเป็นหมา

ทุกหน้าเว็บยาว ๆ ตั้งคำถามเดียวกัน คือเหลืออีกเท่าไหร่ ตัวบอกความคืบหน้าตอบคำถามนี้ และส่วนใหญ่ตอบในแบบที่คุณเลิกสังเกตมันไปตั้งแต่ย่อหน้าที่สองแล้ว

แถบนี้มีไว้ทำอะไร

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

คุณจึงได้เส้นสีบาง ๆ พาดข้ามด้านบนของหน้าเว็บที่เติมเต็มขึ้นเรื่อย ๆ ขณะที่คุณเลื่อน มันทำงานได้จริง และมันก็เป็นสิ่งที่หยุดสังเกตได้ง่ายที่สุดบนหน้าเว็บด้วย มันเป็นเส้นตรง มันอยู่ในแถบที่สายตาคุณถูกฝึกให้เพิกเฉย และมันไม่เคยทำอะไรนอกจากยาวขึ้น

ตำแหน่ง แต่รวมถึงความเร็วด้วย

แถบหนึ่งพกตัวเลขเดียวเท่านั้น คือคุณเลื่อนลงมาไกลแค่ไหน มีตัวเลขที่สองที่ได้มาฟรี ๆ และไม่มีแถบไหนแสดงมันเลย คือคุณกำลังขยับเร็วแค่ไหน

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

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

มันมีต้นทุนอะไรบ้าง

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

สวิตช์เดียวในป๊อปอัปปิดมันได้ทุกที่ ในทุกแท็บที่เปิดอยู่ พร้อมกันในคราวเดียว