# 横スクロールimage挿入について(scroll hint) **URL:** \ **Category:** bubble\ **Created:** [2022 年 1 月 3 日午後 3:17 UTC](https://www.nocode-faq.com/t/topic/2504 "2022-01-03T15:17:20Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 3 日午後 3:17 UTC](https://www.nocode-faq.com/t/topic/2504/1 "2022-01-03T15:17:20Z")
みなさま 質問失礼致します。 repeating groupのhorizontal scrollの上に横スクロールできる事をわかりやすくする為の方法を探しています。 他のサイトでよく見るscroll hint(GIF？)のイメージなのですが、フリー画像で検索しても出てきません。検索力不足申し訳ございません。 フリー画像先か、scroll hintを挿入する方法か、別の解決策あればご教授いただけませんでしょうか。 下記アプリケーションのRepeatingGroup Foodの上に載せたいです。 > **[Bubble Editor - F00000000d](https://bubble.io/page?type=page&name=index_opennewtab&id=f00000000d&tab=tabs-1)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. scrollhintのurlは下記 > **[ScrollHint](https://appleple.github.io/scroll-hint/)** > > A JavaScript library to suggest that the elements are scrollable horizontally, with the pointer icon. ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2022 年 1 月 4 日午前 11:51 UTC](https://www.nocode-faq.com/t/topic/2504/2 "2022-01-04T11:51:26Z")
こういう画像ですよね？ こちらはフリー素材でそのまま使えるようです。 > **[Slide free icons designed by Freepik](https://www.flaticon.com/free-icon/slide_617906)** > > Download now this vector icon in SVG, PSD, PNG, EPS format or as webfonts. Flaticon, the largest database of free icons. ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 5 日午後 12:34 UTC](https://www.nocode-faq.com/t/topic/2504/3 "2022-01-05T12:34:25Z")
ご回答いただきありがとうございます！ 今後もこちらでイメージ探していきます！ scroll hintのようなGIFで、スクロールを始めると消えるようにしたい場合は コーディングが必要でしょうか。 ---
**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\ **Post date:** [2022 年 1 月 5 日午後 2:58 UTC](https://www.nocode-faq.com/t/topic/2504/4 "2022-01-05T14:58:14Z")
全く同じにするのはBubbleの機能のみですと出来ないですね😅 （RepeatingGroupのScroll Positionによるonly whenが設定できるなら可能でしたが） コーディングで出来る可能性はあるものの、ちょっとNinjaのカバー範囲外です🙇‍♂️ ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 6 日午後 1:23 UTC](https://www.nocode-faq.com/t/topic/2504/5 "2022-01-06T13:23:43Z")
ありがとうございました！ 別の方法で横にスクロールできる事をわかるようにできないか探してみます！ ---
**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\ **Post date:** [2022 年 1 月 6 日午後 1:49 UTC](https://www.nocode-faq.com/t/topic/2504/6 "2022-01-06T13:49:29Z")
代替案ですが、シンプルにアイコンをCSSで点滅させるだけの方法をBubbleで実装したことがあります。 > **[Gyazo](https://gyazo.com/7cec990aaaf824e4512cbe28910b5900)** > > Easily capture screenshots, GIFs, and replays that are ready to share. Download the free app for windows and mac. ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 7 日午後 1:34 UTC](https://www.nocode-faq.com/t/topic/2504/7 "2022-01-07T13:34:36Z")
代替案ありがとうございます！ Kさんのようにrepeatinggroup内のプレミアムの次のcell(アプリがあるcell)が見える様な仕様にするにはrepeating groupをどの様に設定すればよろしいでしょうか。 僕のrepeatinggroupは次のcellがある事に気づけない仕様になっています。 > **[Gyazo](https://gyazo.com/2fa6744686dc0bfb4173be3e811d9d55)** > > Easily capture screenshots, GIFs, and replays that are ready to share. Download the free app for windows and mac. ---
**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\ **Post date:** [2022 年 1 月 7 日午後 3:34 UTC](https://www.nocode-faq.com/t/topic/2504/8 "2022-01-07T15:34:29Z")
ここrepeatingではなく、groupの組み合わせで作っていました！ ただ、repeatingでもこれ作ることは可能で、CSS書くか、新レスポンシブのhorizontal repeatingなら簡単にできます。 ---
**Author:** ![richtetsuya](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/richtetsuya/32/5163_2.png) [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\ **Post date:** [2022 年 1 月 8 日午前 8:21 UTC](https://www.nocode-faq.com/t/topic/2504/9 "2022-01-08T08:21:54Z")
新レスポンシブだとhorizontal repeatingで表現できるんですね！ まだ触れてなくて。 触ってみます！ ありがとうございました！！！