เวลาทดสอบ - การตรึงการเลื่อน

คุณเคยเข้าชมหน้าเว็บ เริ่มอ่านเนื้อหาบางส่วน แล้วหน้าเว็บก็ปรากฏขึ้นเนื่องจากมีโฆษณาหรือรูปภาพโหลด ทำให้คุณเสียตำแหน่งในหน้าเว็บไหม

คุณอาจลองใช้ Flag การยึดจุดบนหน้าเว็บใน Chrome 51

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

หากต้องการลองใช้ฟีเจอร์นี้ด้วยตนเอง ให้ทำดังนี้

  1. ไปที่ chrome://flags/#enable-scroll-anchoring ใน Chrome Dev / Canary
  2. เลือก "เปิดใช้" จากเมนูแบบเลื่อนลง
  3. คลิก "เปิดใหม่เลย" ที่ด้านล่างของหน้าจอ

ซึ่งจะเป็นการเปิดใช้การยึดจุดบนหน้า

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

ส่งความคิดเห็น / ตัวอย่างที่คุณเห็นลักษณะการทำงานที่ไม่คาดคิดให้เราโดยกรอกแบบฟอร์มนี้ g.co/reportbadreflow

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

การเปลี่ยนแปลงนี้ส่งผลต่อการเลื่อน JavaScript อย่างไร

สรุปสั้นๆ คือ ไม่

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

การเรียกใช้ window.scrollTo(0, 1) (ใช่ นี่เป็นแฮ็กแบบเก่า) จะไม่ทำให้เกิดการจัดเรียงใหม่และจะทำงานตามปกติ เช่นเดียวกับเหตุการณ์การแตะ

หากพบตัวอย่างที่การยึดจุดบนหน้าเว็บส่งผลต่อหน้าเว็บ โปรดส่งความคิดเห็นผ่านแบบฟอร์มนี้ g.co/reportbadreflow