タグ付けされた質問 「animateplus」

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 …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.