# repeating groupの縦スクロール＋横スクロール

**URL:** <https://www.nocode-faq.com/t/topic/1388>\
**Category:** bubble\
**Tags:** フロントエンド\
**Created:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1388 "2021-04-08T12:41:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1388/1 "2021-04-08T12:41:34Z")

</div>

添付のように、縦スクロールのrepeating groupの「１行」の横幅が長い場合には横にもスクロールできるようにしたいのですが、どのようにすれば良いか教えて頂けないでしょうか？

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1388/2 "2021-04-08T12:41:35Z")

</div>

質問者  
もうしわけありません。ツールはbubbleです。  
いくつか、それっぽいforumは見つけたのですが、解決に至っていません。どなたか、教えて頂けますと幸いです。

> **[Add horizontal and vertical scrolling for a repeating group](https://forum.bubble.io/t/add-horizontal-and-vertical-scrolling-for-a-repeating-group/109702)**
>
> I have a Repeating group sandwiched between two floating groups, and would like to enable both horizontal and vertical scrolling on the repeating group, without affecting the floating groups on either side. The RG has up to 30 columns, so I can’t...

> **[Is it possible to scroll vertically and horizontally in a repeating group...](https://forum.bubble.io/t/is-it-possible-to-scroll-vertically-and-horizontally-in-a-repeating-group-for-a-list-of-things/81936)**
>
> Hey all, I’d like to create a repeating group, whereby I can scroll vertically, as well as horizontally. E.g. Vertically will display the list of ‘things’, and horizontally will display 20 + data points on that thing. Alternatively, if we cannot...

回答者  
ノーコードなら、プラグインしかなさそうですね。  
プラグインなら、Custom Scrollbarsがそれっぽいんですが、ドキュメントがなく、使い方がわかりません笑

> **[Templates for Bubble](https://bubble.io/plugin/custom-scrollbars-1536535793363x363735168451084300)**
>
> Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

コードを書くのなら、前にtool\_bubbleでryoさんとケイさんが紹介していた、CSS Toolsを使って、無理矢理表示させることはできました。しかし、もっと上手なやり方があると思います。お力になれずすいません。

> **[Bubble Editor - Border1](https://bubble.io/page?name=index&id=border1&tab=tabs-1)**
>
> Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.

質問者  
なるほど。ご回答ありがとうございました。  
結構横スクロールを入れるのは、むずかしいんですね。  
CSS各方向で考えたいと思います。

## 参考画像

 ![Storage-management-app___Bubble_Editor.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/96e4711769a670e876cc0698a0b04f01de31f721.png)

## 参考URL

> **[Is it possible to scroll vertically and horizontally in a repeating group...](https://forum.bubble.io/t/is-it-possible-to-scroll-vertically-and-horizontally-in-a-repeating-group-for-a-list-of-things/81936)**
>
> Hey all, I’d like to create a repeating group, whereby I can scroll vertically, as well as horizontally. E.g. Vertically will display the list of ‘things’, and horizontally will display 20 + data points on that thing. Alternatively, if we cannot...

> **[Add horizontal and vertical scrolling for a repeating group](https://forum.bubble.io/t/add-horizontal-and-vertical-scrolling-for-a-repeating-group/109702)**
>
> I have a Repeating group sandwiched between two floating groups, and would like to enable both horizontal and vertical scrolling on the repeating group, without affecting the floating groups on either side. The RG has up to 30 columns, so I can’t...

> **[Templates for Bubble](https://bubble.io/plugin/custom-scrollbars-1536535793363x363735168451084300)**
>
> Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

> **[Bubble Editor - Border1](https://bubble.io/page?name=index&id=border1&tab=tabs-1)**
>
> Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.