ฉันเพิ่งสร้าง Scrollspy สำหรับผลงานเว็บส่วนตัวของฉัน ฉันต้องการใช้ Intersection Observer เนื่องจากได้รับการรองรับอย่างกว้างขวางแล้วในตอนนี้ น่าเสียดายที่มันไม่ง่ายนักและอินเทอร์เน็ตก็ไม่มีอะไรมากเกี่ยวกับวิธีการใช้งาน ดังนั้นฉันจึงตัดสินใจเขียนบทความเล็กๆ เพื่อช่วยคนอื่นๆ ที่กำลังมองหาสิ่งเดียวกัน Scrollspy เป็นกลไกการนำทางที่ใช้โดย Bootstrap ตามเอกสาร สโครลสปาย..

ผู้สังเกตการณ์สี่แยก? อะไรนะ!? นั่นฟังดูน่ากลัว! ในโพสต์นี้ ฉันต้องการอธิบายการเดินทางของฉันและการใช้งาน Intersection Observer ฉันจะให้ภาพรวมโดยย่อเกี่ยวกับวิธีเริ่มต้นใช้งาน ตามข้อกำหนดบอกว่า... Intersection Observer API ให้วิธีการสังเกตการเปลี่ยนแปลงแบบอะซิงโครนัสในจุดตัดขององค์ประกอบเป้าหมายด้วยองค์ประกอบบรรพบุรุษหรือกับ "วิวพอร์ต" ของเอกสารระดับบนสุด สิ่งที่ Web API..