# Reverse-scrollの表示位置 **URL:** \ **Category:** Adalo\ **Created:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1375 "2021-04-08T12:41:14Z")\ **Posts on this page:** 2\ **Page:** 1
**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/1375/1 "2021-04-08T12:41:14Z")
Reverse-scrollを設定している画面（チャット）での挙動について質問です。 チャットでメッセージを送信すると、送信したメッセージを含め、それまでのメッセージが全て画面から上にいってしまい、何も見えない状態になります。 【時系列での状況説明】 １、該当画面を開いた時（添付ファイル1） それまでのメッセージは見えています。 ２、メッセージを入力している時（添付ファイル2） それまでのメッセージは見えています。 ３、メッセージの送信が完了した時（添付ファイル3） 送ったメッセージと、それまでのメッセージが全て見えなくなります。 【理想】 メッセージ送信後も、メッセージを送信する前と同様に最新のメッセージが見えるようにする 添付ファイル4が該当画面のコンポーネントです。 理想へ近づけるようにアドバイスをいただけますと幸いです。 よろしくお願いいたします。 ---
**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/1375/2 "2021-04-08T12:41:15Z")
回答者 上のヘッダーの緑の部分は、ご自身で作られてます？ であれば、であれば、Fix → TOP にすれば解決しそうですが。 > **[Gyazo](https://gyazo.com/882844ba2bd0444c3f717afcbaa81efc)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 APP BAR に変更すればきれいになりそうです。 > **[Gyazo](https://gyazo.com/f08b698ade12728b3e0343cac6aaa289)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 （多分、ご存じそうですが） LISTが多くはみ出るようであれば、Maximun Nuber of items で数字を絞るなどで対応できます。 > **[Gyazo](https://gyazo.com/0dafcd5e346fb9968b0004b0a56f590b)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 質問者 ご回答ありがとうございます。 緑の部分はAPP BARです。 緑の下にあるグレーの部分のpositionは、TOPにfixとなっております。 LISTの量とは関係なく見切れてしまうので、どうしたものかと悩んでおります…😔 回答者 設定は、正しいように見えるんですよね。 ちょっとだけ手間ですが、Adaloのバグっぽい気もします。 新しいScreenで同じもの作ってもダメそうですか？ 質問者 返信ありがとうございます。 新しいscreenで作成してみます…！ ## 参考画像 ![チャット1.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/eaf2a642f337ca913d9e2b4c8212391913372f54.jpeg) ![チャット2.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0392c256baafb894f535e26f02d58521d6ee9f1e.jpeg) ![チャット3.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/84f70416c6d9dd5899d68925da0961a18a367f91.jpeg) ![adalo.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/09e61adf7778ab92f41d6b859811260cc9fc9f0a.png) ## 参考URL > **[Gyazo](https://gyazo.com/882844ba2bd0444c3f717afcbaa81efc)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 > **[Gyazo](https://gyazo.com/f08b698ade12728b3e0343cac6aaa289)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 > **[Gyazo](https://gyazo.com/0dafcd5e346fb9968b0004b0a56f590b)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。