mieee1103
@mieee1103

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

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

No Answers yet.

Your answer might help someone💌