Folio'23

Developer

Designer

- Folio details

_Framework : Nuxt3

_Hosting : Vercel

_CMS : Microcms

_Font : Cinzel

ttl : nuxt-scroll-x

see : New Window

横スクロール型のサイトを作成したことがなかったので、練習で作成しました。
多くのサイトは、PC横スクロール・SP縦スクロールになるパターンになるので、そちらに沿って実装してみました。
スクロール位置に合わせて発火させる為に、初めてIntersectionObserverを使いましたが便利すぎて感動しました、!
I had never created a side-scrolling site, so I created it as an exercise.
Many sites have a pattern of horizontal scrolling on PC and vertical scrolling on SP, so I implemented it according to that pattern.
I used IntersectionObserver for the first time to fire it according to the scroll position, but it was so convenient that I was impressed!

Back to Index
© folio'23

Loading...