# Make a button that can stay on the right-bottom corner that is on top of the scrolling page

**URL:** <https://community.thunkable.com/t/make-a-button-that-can-stay-on-the-right-bottom-corner-that-is-on-top-of-the-scrolling-page/568391>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [May 15, 2020, 4:26pm UTC](https://community.thunkable.com/t/make-a-button-that-can-stay-on-the-right-bottom-corner-that-is-on-top-of-the-scrolling-page/568391 "2020-05-15T16:26:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chc0123lcs](https://avatars.discourse-cdn.com/v4/letter/c/7ea924/32.png) [@chc0123lcs](https://community.thunkable.com/u/chc0123lcs)\
**Post date:** [May 15, 2020, 4:26pm UTC](https://community.thunkable.com/t/make-a-button-that-can-stay-on-the-right-bottom-corner-that-is-on-top-of-the-scrolling-page/568391/1 "2020-05-15T16:26:28Z")

</div>

Hi,

I am new to Thunkable, and still need some time to understand how the builder works.  
However, I hope someone can help me out here because I am a little bit lost.

I am creating a page that contains a Data Viewer List, and I also enable the scrollable option for this page. Now, I want to put a button near the right-bottom for the user to add new items to the list. But, it seems if I put the button above the list in the hierarchy list, the button will push the list below. And if I put it lower than the list in the hierarchy list, then the button is not showing at the screen.  
How would I solve this?

Thanks!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 15, 2020, 4:51pm UTC](https://community.thunkable.com/t/make-a-button-that-can-stay-on-the-right-bottom-corner-that-is-on-top-of-the-scrolling-page/568391/2 "2020-05-15T16:51:03Z")

</div>

the concept is pretty simple once you try it a few time. place a column on the screen. that becomes your screen now. make the screen not scrollable. make the column scrollable. add any screen content to the column.

now add a row, above the column in the component tree. make the row height 8px. st the row positioning to absolute. position the row where you want it. then add a button.  
[https://x.thunkable.com/copy/05710bd4a3ab07c4967e9206b7cb3409](https://x.thunkable.com/copy/05710bd4a3ab07c4967e9206b7cb3409)  
[https://www.loom.com/share/b6d265b42d9d41c6aed69b9b81b981e9](https://www.loom.com/share/b6d265b42d9d41c6aed69b9b81b981e9)

---

<div class="post-metadata">

**Author:** ![chc0123lcs](https://avatars.discourse-cdn.com/v4/letter/c/7ea924/32.png) [@chc0123lcs](https://community.thunkable.com/u/chc0123lcs)\
**Post date:** [May 15, 2020, 4:58pm UTC](https://community.thunkable.com/t/make-a-button-that-can-stay-on-the-right-bottom-corner-that-is-on-top-of-the-scrolling-page/568391/3 "2020-05-15T16:58:09Z")

</div>

Thanks for your quick reply and demonstrate!  
I think this is what I am looking for.

I really appreciate this.

---

<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:** [November 8, 2024, 11:26am UTC](https://community.thunkable.com/t/make-a-button-that-can-stay-on-the-right-bottom-corner-that-is-on-top-of-the-scrolling-page/568391/5 "2024-11-08T11:26:47Z")

</div>