2
เกิดข้อขัดแย้งเมื่อใช้เหตุการณ์แป้นพิมพ์พร้อมกันสำหรับการเลื่อนและการเลื่อนการเลื่อน CSS
คุณสามารถเลื่อนแนวนอนหน้าสาธิตของฉันโดยการกดSpace Bar, Page Up / Page DownและLeft Arrow / Right Arrowปุ่ม คุณยังสามารถ snap scroll ด้วยเมาส์หรือแทร็กแพด แต่งานเดียวหรืองานอื่น มีวิธีการที่กิจกรรมแป้นพิมพ์และ CSS scroll snapping สามารถอยู่ร่วมกันได้หรือไม่? ฉันกำลังคิดถึงอะไร ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมจริงๆเนื่องจากฉันได้รับการดิ้นรนกับปัญหานี้มานานกว่าหนึ่งสัปดาห์ ตรวจสอบตัวอย่างของฉันใน CodePen (โปรดยกเลิกการคอมเม้นต์โค้ด CSS ที่เกี่ยวข้องเพื่อเปิดใช้งานเอฟเฟกต์การเลื่อนเพื่อดูว่าแป้นพิมพ์ลัดหยุดทำงาน) แสดงตัวอย่างโค้ด import animate from "https://cdn.jsdelivr.net/npm/animateplus@2/animateplus.js" const sections = Array.from(document.querySelectorAll("section")).sort( (s1, s2) => { return s1.getBoundingClientRect().left - s2.getBoundingClientRect().left } ) const …