# コレクションリストを横スクロールで表示させたい

**URL:** <https://community.shopify.com/t/topic/178347>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [December 23, 2022, 10:06am UTC](https://community.shopify.com/t/topic/178347 "2022-12-23T10:06:23Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Prestigeテーマを使用したサイトで、コレクションリスト（カテゴリ）を横スクロール表示にする方法についての質問です。

**回答内容：**
- フルバランスの道家氏が参考サイトを提示
- CSS横スクロールの実装方法を解説したサイト（kouhekikyozou.com）を紹介
- デベロッパーツールでCSSを確認して模倣する方法も提案

**現状：**
質問者のサイト（nuit.jp）で具体的な実装方法を探している段階。技術的な解決策は提示されたが、実装の詳細や結果については未報告。

<div class="post-metadata">

**Author:** ![minorimitani](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@minorimitani](https://community.shopify.com/u/minorimitani)\
**Post date:** [December 23, 2022, 10:06am UTC](https://community.shopify.com/t/topic/178347/1 "2022-12-23T10:06:23Z")

</div>

お世話になっております。

prestigeテーマを使用しております。

[https://nuit.jp/](https://nuit.jp/)

こちらのサイトのようにカテゴリ(コレクションリスト)を横スクロールで表示させるにはどうすればよいでしょうか？

お分かりになられる方がいらっしゃいましたら、よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [January 5, 2023, 8:46am UTC](https://community.shopify.com/t/topic/178347/2 "2023-01-05T08:46:40Z")

</div>

Minorimitani 様

お世話になっております。フルバランスの道家と申します。

ご質問確認しました。  
横スクロールは、以下のサイトが参考になるかと思います。

[https://kouhekikyozou.com/css\_horizontal\_scroll](https://kouhekikyozou.com/css_horizontal_scroll)

また、クロームのデベロッパーツールからご参考にされたいサイトのCSSを確認し、真似するという方法もあるかと思います。

なにかヒントになれば幸いです。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

フルバランス 道家