Developer
Designer
- Folio details
_Framework : Nuxt3
_Hosting : Vercel
_CMS : Microcms
_Font : Cinzel
see : New Window
ASScrollを使用した慣性スクロールの実装を練習したかったので作成しました。
慣性スクロール自体がフレームワークやアニメーションとセットで利用されているイメージがあったので、今回はnuxt3・gsapも一緒に使用しています。
plugins/asscroll.client.jsを作成して、その中で諸々設定をしています。
useNuxtApp()という名前で定義して使用したいファイル側でそれぞれを取り出して使う形式にしています。
ASScrollとScrollTriggerを連動させるところが少し難しい印象を受けました。
基本的にはドキュメントなどに書いてある通りで問題なかったので、深く考えすぎていた節があります、、笑
I made this because I wanted to practice implementing inertial scrolling using ASScroll.
There was an image that the inertial scroll itself was used with the framework and animation as a set, so this time nuxt3 gsap is also used.
Create plugins/asscroll.client.js and make various settings in it.
It is defined with the name useNuxtApp() and is in the format of extracting and using each on the file side you want to use.
I got the impression that it was a little difficult to link ASScroll and ScrollTrigger.
Basically, there was no problem as it was written in the document, etc., so there are clauses where I thought too much.
Loading...