# カラムのfixを外さずに水平にスクロールできるメニューを作る方法

**URL:** <https://www.nocode-faq.com/t/topic/2833>\
**Category:** bubble\
**Created:** [2022 年 4 月 28 日午前 6:12 UTC](https://www.nocode-faq.com/t/topic/2833 "2022-04-28T06:12:52Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![koyama](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@koyama](https://www.nocode-faq.com/u/koyama)\
**Post date:** [2022 年 4 月 28 日午前 6:12 UTC](https://www.nocode-faq.com/t/topic/2833/1 "2022-04-28T06:12:52Z")

</div>

・やりたいこと  
水平にスクロールメニューを作りたい

・現状、問題  
repeating groupでカラムのfixを外せば水平にスクロールできるメニューができますが、これは結構重いと感じています。なのでカラムをfixにするか、repeating groupを使わない方法(group等)で水平にスクロールできるメニューを作る方法を探しています。  
生じている問題としては、幅が画面幅を超えたときに、中のエレメント同士が重なってしまうことです。

解決策をご存知の方がいらっしゃれば是非教えていただきたいです。  
よろしくお願いいたしますm(\_ \_)m

---

<div class="post-metadata">

**Author:** ![koyama](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@koyama](https://www.nocode-faq.com/u/koyama)\
**Post date:** [2022 年 5 月 1 日午前 11:51 UTC](https://www.nocode-faq.com/t/topic/2833/2 "2022-05-01T11:51:08Z")

</div>

こちら、「ともやとあきとバブろう」であきさんに解決していただきました。  
cssで、  
flex-wrap: nowrap;  
max-width: 100vw;  
overflow-x: scroll !important;  
を書けばスクロールできるようになりました。  
また、カラムやrowのfixを外したときに、show all items immediatelyにチェックがあると重くなってしまうとのことでした。  
あきさんありがとうございましたm(\_ \_)m