WordPress 外部ライブラリの使い方
WordPressでLenisは使えますか?
Lenis:
https://lenis.studiofreight.com/
慣性スクロールを実現するために、Lenisをしようしています。
WordPress化する前のバニラコーディングの時点では、問題なく使えていましたが、
WordPress化するとうまく動かなくなりました。
具体的には、マウスホイールやマウスパッドでのスクロールができなくなりました。
キーボードの矢印ボタンではスクロールできます。
Lenisを使うにあたって参考にしたサイトは、以下です。
https://ics.media/entry/230804/
パッケージマネージャーというものがよくわからなかったので、以下をbody下部に記載しています。
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.19/bundled/lenis.min.js"></script>
<script>
let lenis = new Lenis();
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script>
↓これをコメントアウトすると、慣性スクロールは効きませんが、マウスパッドなどでスクロールができるようになります。
<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.19/bundled/lenis.min.js"></script>
バニラコーディングでうまく動くページ
http://hkimura.cloudfree.jp/policy.html
WordPressを導入してうまくいかないページ
https://h-kimura.com/policy/
解決策がわかる方は教えていただけないでしょうか。
よろしくお願いいたします。
0