2
スクロールとCSSスクロールスナップにキーボードイベントを同時に使用すると競合が発生する
、キーを押すとSpace Bar、デモページを水平にスクロールできます。マウスまたはトラックパッドでスナップスクロールすることもできます。Page Up / Page DownLeft Arrow / Right Arrow しかし、どちらか一方のみが機能します。 キーボードイベントとCSSスクロールスナップが共存できる方法はありますか？何が欠けていますか？1週間以上この問題に取り組んできたので、どんな助けでも本当にありがたいです。 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 getSectionInView = () => { const halfWidth = window.innerWidth / 2 const index = sections.findIndex( section …