# Instagramのマイページの一覧表示と縦1列表示のような遷移はできますか？

**URL:** <https://www.nocode-faq.com/t/topic/1464>\
**Category:** bubble\
**Tags:** フロントエンド\
**Created:** [2021 年 4 月 22 日午後 11:43 UTC](https://www.nocode-faq.com/t/topic/1464 "2021-04-22T23:43:14Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![MasatoTomita](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@MasatoTomita](https://www.nocode-faq.com/u/MasatoTomita)\
**Post date:** [2021 年 4 月 22 日午後 11:43 UTC](https://www.nocode-faq.com/t/topic/1464/1 "2021-04-22T23:43:14Z")

</div>

bubbleのRepeating groupで作った、横3列の画像一覧画面と縦1列の画面一覧画面(vertical scroll)で、  
3列の方の任意の画像をクリックしたら、縦1列画面のスクロール位置をその画像にする方法はありますか？  
（Instagramのマイページで、投稿画像一覧の中から任意の画像をクリックすると、縦1列のその画像のコメント含めた表示に遷移する動きを再現したいです）

 ![screencapture-local-fan-club-bubbleapps-io-version-test-user-page-2021-04-23-08_41_47](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/432fe1e19d62407859a66298c7156db8d61f27f3.jpeg)

 ![screencapture-local-fan-club-bubbleapps-io-version-test-user-page-horizontal-2021-04-23-08_41_20](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/51989885dace12c2e7b1260c17d6e1d082db23fd.jpeg)

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2021 年 4 月 23 日午前 1:30 UTC](https://www.nocode-faq.com/t/topic/1464/2 "2021-04-23T01:30:38Z")

</div>

表示したい位置が何番目か分かれば、Workflowの「Element Actions」ー「Repeating Group」ー「Scroll to entry」を使ってスクロールできます。  
「Entry to scroll to」に何番目なのかを入れます。

 ![ScreenShot 2021-04-23 10.30.02](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/52835e811b1d88e82cf183ae1541a84f7f11bb80.png)

---

<div class="post-metadata">

**Author:** ![MasatoTomita](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@MasatoTomita](https://www.nocode-faq.com/u/MasatoTomita)\
**Post date:** [2021 年 4 月 23 日午前 5:17 UTC](https://www.nocode-faq.com/t/topic/1464/3 "2021-04-23T05:17:42Z")

</div>

ご回答ありがとうございます。  
一覧のRepeating group で、クリックされた番号（entry to scrollに入れたい数字）は、どのように取得すればよいのか、おわかりであれば教えていただけますか？

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2021 年 4 月 23 日午前 7:44 UTC](https://www.nocode-faq.com/t/topic/1464/4 "2021-04-23T07:44:14Z")

</div>

上側のRepeating Groupで各セルに画像を表示しているようですので、「Current cell’s index」でいけると思いますー

---

<div class="post-metadata">

**Author:** ![MasatoTomita](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@MasatoTomita](https://www.nocode-faq.com/u/MasatoTomita)\
**Post date:** [2021 年 4 月 23 日午前 8:05 UTC](https://www.nocode-faq.com/t/topic/1464/5 "2021-04-23T08:05:12Z")

</div>

ありがとうございます。「Current cell’s index」と入れると赤文字（More）になって、青文字にならないんですよね… まだ何か指定しないといけないのでしょうか…?

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2021 年 4 月 24 日午前 2:55 UTC](https://www.nocode-faq.com/t/topic/1464/6 "2021-04-24T02:55:23Z")

</div>

Scroll to entryで指定するエレメントは、上側の横3列のRepeating Groupですが、そこはあっているでしょうか？  
エラーメッセージが分かれば何か手がかりになるかもしれません。

---

<div class="post-metadata">

**Author:** ![MasatoTomita](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@MasatoTomita](https://www.nocode-faq.com/u/MasatoTomita)\
**Post date:** [2021 年 4 月 27 日午後 3:29 UTC](https://www.nocode-faq.com/t/topic/1464/7 "2021-04-27T15:29:56Z")

</div>

ご返信ありがとうございます。  
はい。ElementにはRepeating group mention post というものを指定しています。  
Entry to scroll が、Current cell’s mention post は青文字になるのですが、Current cell’s indexを指定すると、赤文字で（More）と出ます。その先で何を指定しても赤文字で…

---

<div class="post-metadata">

**Author:** ![MasatoTomita](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@MasatoTomita](https://www.nocode-faq.com/u/MasatoTomita)\
**Post date:** [2021 年 4 月 27 日午後 3:46 UTC](https://www.nocode-faq.com/t/topic/1464/8 "2021-04-27T15:46:27Z")

</div>

できました！  
Worlflowをgo to 1列のページの次に続けてScroll to を書いていました (- -;  
1列のページのWorkflowでScroll toを書いたらうまく動きました！  
大変お騒がせいたしましたm(.\_.)m

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2021 年 4 月 28 日午前 1:06 UTC](https://www.nocode-faq.com/t/topic/1464/9 "2021-04-28T01:06:38Z")

</div>

良かったですー 😄
