# Redo this effect on scroll

**URL:** https://community.thunkable.com/t/redo-this-effect-on-scroll/332338
**Category:** Questions about Thunkable X
**Created:** [November 22, 2019, 7:30am UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338 "2019-11-22T07:30:31Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 7:30am UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/1 "2019-11-22T07:30:31Z")

</div>

Hey how to redo that that the top stays there and the lower colume scrolls over ?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/2/f23d1578489b1ff642c72af2f227277dc209b38c.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/a/aaa08820df255cc42df94b26b12e5367608c95f9.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/4/942b0ce1042f625cb67c4dd379d5ca826d2d4ced.jpeg)

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [November 22, 2019, 8:40am UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/2 "2019-11-22T08:40:02Z")

</div>

Hey,

scrButtons in [https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/](https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/)

---

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 8:51am UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/3 "2019-11-22T08:51:51Z")

</div>

Had a look on that yesterday but isn’t that what I mean is that the top stays fixed and the volume under it scroll over it like on the image when I scroll on spotify the image disappear under the other column the thing is there is no fixed position

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [November 22, 2019, 12:14pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/4 "2019-11-22T12:14:25Z")

</div>

I think you’ll have to use two components to do this @danyklein,

A row and the top and a scrollable column underneath

---

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 12:21pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/5 "2019-11-22T12:21:24Z")

</div>

@domhnallohanlon thx I will have a try 🙂

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [November 22, 2019, 2:09pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/7 "2019-11-22T14:09:59Z")

</div>

I did not understand why my solution does not fit. The text goes under the heading. Do you need a different effect?

---

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 2:11pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/8 "2019-11-22T14:11:43Z")

</div>

Let’s say I have 2 columes, on scrolll on the seconde colume I want that it goes over the colume 1

---

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 6:04pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/9 "2019-11-22T18:04:56Z")

</div>

The problem is with absolute that I can’t click the button on the top [https://x.thunkable.com/copy/14c2ae70c6b63d899eaa7d2076bc436d](https://x.thunkable.com/copy/14c2ae70c6b63d899eaa7d2076bc436d) in page les dossiers

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [November 22, 2019, 7:22pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/10 "2019-11-22T19:22:52Z")

</div>

On this screen I do not see any buttons at all. He is empty. There is only a headline.

---

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 7:40pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/11 "2019-11-22T19:40:27Z")

</div>

Ahh send you the wrong version but if you add one you will see that we can’t click on it

---

<div class="post-metadata">

### Author: ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)
#### Post date: [November 22, 2019, 10:04pm UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/12 "2019-11-22T22:04:31Z")

</div>

[https://x.thunkable.com/copy/e7a438c99a3aeeb4eb1814640d293a65](https://x.thunkable.com/copy/e7a438c99a3aeeb4eb1814640d293a65)

here is it with a button

---

<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:42am UTC](https://community.thunkable.com/t/redo-this-effect-on-scroll/332338/13 "2024-11-08T11:42:59Z")

</div>


