คุณเคยเข้าชมหน้าเว็บใด เริ่มอ่านเนื้อหาบางส่วน แล้วแสดงหน้าเว็บป๊อปอัปเนื่องจากการโหลดโฆษณาหรือรูปภาพ ส่งผลให้คุณสูญเสียตำแหน่งในหน้านั้นหรือไม่
ก็คงจะดีไม่น้อยถ้าจะตรวจสอบธงการ Anchor ของการเลื่อนใน Chrome 51
Scroll Anchoring จะติดตามว่าคุณอยู่ ณ จุดใดบนหน้าเว็บ และป้องกันไม่ให้องค์ประกอบใดๆ ที่ทำให้การจัดเรียงจัดเรียงใหม่มาขัดขวางตำแหน่งของคุณในหน้านั้น
หากต้องการลองใช้ฟีเจอร์นี้ด้วยตัวเอง ให้ทำดังนี้
- ไปที่ chrome://flags/#enable-scroll-anchoring ใน Chrome Dev / Canary
- เลือก "เปิดใช้" จากเมนูแบบเลื่อนลง
- คลิก "เปิดใหม่เลย" ที่ด้านล่างของหน้าจอ
สำหรับวิธีนี้ คุณจะเปิดใช้จุดยึดการเลื่อนได้
เราได้ใช้ฟีเจอร์นี้มาระยะหนึ่งแล้ว และเราเชื่อว่าการดำเนินการนี้จะช่วยปรับปรุงประสบการณ์การใช้งานของผู้ใช้ทุกคนบนเว็บได้อย่างมาก แต่เราต้องการให้แน่ใจว่าจะใช้งานได้ดีในทุกที่ หากคุณเห็นตัวอย่างใดๆ ที่การตรึงการเลื่อนไม่สามารถจัดการกับการจัดเรียงใหม่ในหน้า หรือตัวอย่างที่ไม่ควรเข้าไปแก้ไข เราต้องการทราบความคิดเห็นของคุณอย่างยิ่ง
ส่งความคิดเห็น / ตัวอย่างที่คุณพบพฤติกรรมที่ไม่คาดคิดถึงเราด้วยการกรอกแบบฟอร์มนี้ g.co/reportbadreflow
คำถามที่พบบ่อย
การเปลี่ยนแปลงนี้ส่งผลต่อการเลื่อน JavaScript อย่างไร
กล่าวสั้นๆ คือไม่
การเปลี่ยนแปลงนี้จะเปลี่ยนผลของการเลื่อนที่เกิดจากการจัดเรียงใหม่ ตัวอย่างเช่น การเพิ่มชื่อคลาสให้กับองค์ประกอบที่ทำให้ความสูงเพิ่มขึ้นจะทำให้การจัดเรียงใหม่และการตรึงการเลื่อนจะทำให้หน้าเว็บไม่เลื่อนไปมา
การโทรหา window.scrollTo(0, 1) (ใช่แล้ว ตามเทคนิคแบบเดิม) จะไม่ทำให้มีการจัดเรียงใหม่
และจะทำงานตามปกติ เหตุการณ์การแตะก็เช่นเดียวกัน
หากพบตัวอย่างที่การตรึงการเลื่อนส่งผลต่อหน้าเว็บ โปรดส่งความคิดเห็นผ่านแบบฟอร์มนี้ที่ g.co/reportbadreflow