# Scroll back to top of screen

**URL:** <https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608>\
**Category:** Issues / Bugs\
**Created:** [May 5, 2024, 7:18am UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608 "2024-05-05T07:18:41Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 5, 2024, 7:18am UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/1 "2024-05-05T07:18:41Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/3/d30b6b1f496a4ab45c9e6c1c98781597d5b7aec2.png)  
Hello all.  
In my travelix app i display images in a portrait mode (5 of them) for a destination  
When i am at the bottom of screen i want to click to get back to the top quickly…  
I have put a Button - In a “Layout” and via “Margin” placed that button after last image.  
Then i use attached imag of blocks to Click and come back… But… nothing happens…  
Any ideas… And why do i need to use Margin.? Settinh the Lay out and or container to have a “bottom” alignment does not help…  
😃

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [May 8, 2024, 7:32pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/2 "2024-05-08T19:32:34Z")

</div>

Hello @stefansladdeneng1  
Do you have all the images inside the same layout?  
Is this layout scrollable?  
A small example project will help us understand the issue

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 9, 2024, 10:44am UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/3 "2024-05-09T10:44:09Z")

</div>

Hi tere, Ill post the project to you. I have removed the tests i did as i had to publish. But please test as you like. The images that is shown is picked up instantly from unsplash and there are 5 predefined boxes where they should be placed by Thunkable.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [May 9, 2024, 6:06pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/4 "2024-05-09T18:06:55Z")

</div>

Hello @stefansladdeneng1 👋  
Thank you for sharing the link but I can’t find the page you described.  
Could you please share a project with just this page?

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 10, 2024, 6:27am UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/5 "2024-05-10T06:27:33Z")

</div>

OK Lets start over  
The screen in matter is the Search Screen which you may reach when clicking Destination Information.  
Eassiest way to explain is if you test the app. Put in London in the Seach Destination input text dialog.  
When pressing enter you will get text information instantly presented (it is cached). You will also get images with the tag London delivered from unsplash… Also this fairly quick.

However, The user scroll down to view the images and when coming to the bottom - after the 5th image i want to have this button stating - Go Back / Up.

That is the use case - are you following?  
(Easiest way to see it is if you download it and try it out…)

You got the link did you? Just checking…

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 10, 2024, 11:37am UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/6 "2024-05-10T11:37:27Z")

</div>

You need to put images in container

see example  
[https://x.thunkable.com/projects/663e0470932d1ddbb28936be/1fcf738c-b182-415d-a128-f19a42e3d301/designer](https://x.thunkable.com/projects/663e0470932d1ddbb28936be/1fcf738c-b182-415d-a128-f19a42e3d301/designer)

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 10, 2024, 1:17pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/7 "2024-05-10T13:17:24Z")

</div>

Hi and thank you for the suggestion. I do not get it to work -  
What did i miss?  
The images and button are there and it looks fine - But nothing happens when clicking.  
Any ideas.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/d/dd640e781eacc2c53a7770d121e732f67c7b5f23.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/2/520841b0b200b167dfd26bed1b63f08001268176.png)

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 10, 2024, 1:23pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/8 "2024-05-10T13:23:20Z")

</div>

I don’t have your blocks… but I think you might have not set container 16 scrollble. I think you might have said layout as scrolling.  
Please check

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 10, 2024, 1:33pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/9 "2024-05-10T13:33:37Z")

</div>

Tried both Container 16 Scrollable  
And Layout 11 Scrollable  
Moved Scrollbutton to Container 16

Nothing helps realy - It just movs a little tiny bit - Like if the Last image get alignet with top of screen…  
Any More ideas-??

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/4/14b0b962d0db18742a53c6ef1f35c1f21b0421ba.png)

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 10, 2024, 1:48pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/10 "2024-05-10T13:48:35Z")

</div>

Set layout 11 not scrolling  
Container 16 scrollble

If that doesn’t work  
Container 17 not scrolling and move it above container 16

I

---

<div class="post-metadata">

**Author:** ![stefansladdeneng1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/stefansladdeneng1/32/170123_2.png) [@stefansladdeneng1](https://community.thunkable.com/u/stefansladdeneng1)\
**Post date:** [May 10, 2024, 2:09pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/11 "2024-05-10T14:09:41Z")

</div>

I think you meant like this - No did not work  
It DOES mov - But just 05 cm up…

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/6/965d5c535a45ed2b334c2380a86c9e54724882a2.png)

---

<div class="post-metadata">

**Author:** ![tiny\_apps](https://avatars.discourse-cdn.com/v4/letter/t/3d9bf3/32.png) [@tiny\_apps](https://community.thunkable.com/u/tiny_apps)\
**Post date:** [May 10, 2024, 2:43pm UTC](https://community.thunkable.com/t/scroll-back-to-top-of-screen/2985608/12 "2024-05-10T14:43:27Z")

</div>

Can you share dummy project…
