こんにちは、ワタナベです。
今回は最近ちょくちょく作成する機会のある、横スクロールコンテンツの備忘録です。
sample
See the Pen Untitled by Akiho (@wcaotdaenpaebne) on CodePen.
↑は簡単な例です。
コンテンツの横幅を指定したい時は、横並びの子要素（↑の例の場合は画像）にサイズを指定します
固定サイズよりも「vw」等を指定してあげた方がブラウザサイズごとに調整する必要がないですが、そこはお好みで。
jsのxPercentの数値でスクロールの距離の調整ができます。
triggerには横スクロールが発生するトリガーになる要素を指定します。
大体はこの2つの部分だけ調整すれば横スクロールは完成です。
↓参考にさせて頂きました。THANKS！
https://www.wantedly.com/companies/logical-studio/post_articles/890752
https://www.bring-flower.com/blog/sideways-animation/
それではまた次回。
ご閲覧ありがとうございました♪
