# Pinning an element just temporarily?

**URL:** https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262
**Category:** Animations
**Created:** [February 25, 2023, 9:21am UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262 "2023-02-25T09:21:44Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Liubov\_T](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/liubov_t/32/869_2.png) [@Liubov\_T](https://forum.readymag.com/u/Liubov_T)
#### Post date: [February 25, 2023, 9:21am UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/1 "2023-02-25T09:21:44Z")

</div>

Hello,  
what is the tool that allows you to pin an element for JUST A FEW MOMENTS of scrolling and release it later? Example: second screen of this website [Project — Why do we need this](https://destructura.com/project/whydoweneedthis/) where you see one column scrolling while the other stays in place, then they both align and move up.

I’m sure the answer is simple but I couldn’t find it in the guides. Positioning tool pins them to the page permanently, but I ned it to move up eventually. How do I create this effect?

 ![readymag](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/a4c7e7004c080a932e683977da83c3e22cb030b4.jpeg)

---

<div class="post-metadata">

### Author: ![19\_84](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/19_84/32/1283_2.png) [@19\_84](https://forum.readymag.com/u/19_84)
#### Post date: [February 26, 2023, 3:46pm UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/2 "2023-02-26T15:46:08Z")

</div>

Try to change start point and speed of scrolling animation (for column that moves)

---

<div class="post-metadata">

### Author: ![Misha](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/misha/32/33_2.png) [@Misha](https://forum.readymag.com/u/Misha)
#### Post date: [February 27, 2023, 3:25pm UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/3 "2023-02-27T15:25:59Z")

</div>

That’s achievable with fixed widgets. Check this tutorial [Fixed Widgets for Titles, Menus, and Animations - YouTube](https://www.youtube.com/watch?v=wQO12RjDg-o)

---

<div class="post-metadata">

### Author: ![Liubov\_T](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/liubov_t/32/869_2.png) [@Liubov\_T](https://forum.readymag.com/u/Liubov_T)
#### Post date: [March 4, 2023, 11:42am UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/4 "2023-03-04T11:42:54Z")

</div>

Hello, thanks but fixed widgets fix an element permanently to the page. I need it to scroll up after a pause. The guide you shared doesn’t show a similar case to mine - they all just pin it to the side fo the screen forever. Could you please share how would you use fixed widgets to achieve this effect?

---

<div class="post-metadata">

### Author: ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)
#### Post date: [March 10, 2023, 9:56pm UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/5 "2023-03-10T21:56:05Z")

</div>

If the widget is not fixed:  
you have to set up a move down animation on scroll with the speed of 1. And select “top” not “bottom”.  
Depending on which amount of pixels you set up in the “move down” settings the element will stay in place. you have to play around with the “top-delay” and movement amount.

---

<div class="post-metadata">

### Author: ![sjm96](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/sjm96/32/1279_2.png) [@sjm96](https://forum.readymag.com/u/sjm96)
#### Post date: [August 7, 2023, 1:41am UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/6 "2023-08-07T01:41:49Z")

</div>

@Liubov_T did you ever figure this out? Thanks!

---

<div class="post-metadata">

### Author: ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)
#### Post date: [August 15, 2023, 6:53pm UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/7 "2023-08-15T18:53:38Z")

</div>

@Liubov_T, @sjm96, **neueMeta** ’s idea works!

Also, fixing widgets also works but you have to specify an action to ‘remove’ the fixed widget (maybe adding an extra animation step with change of opacity or move effects).

---

<div class="post-metadata">

### Author: ![Akshit\_Parmar](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/akshit_parmar/32/2042_2.png) [@Akshit\_Parmar](https://forum.readymag.com/u/Akshit_Parmar)
#### Post date: [May 16, 2024, 2:59pm UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/8 "2024-05-16T14:59:22Z")

</div>

> **[THE NEW OPEN](https://newopen.design/dietmaroffenhuber/)**
>
> THE NEW OPEN is a research-by-conversation project of the Faculty of Architecture and the Built Environment TU Delft, exploring the role of open data for design and social change. Curated by the Design, Data and Society Group © 2023

seems like there is a new page for everytime the header changes. wonder how this works

---

<div class="post-metadata">

### Author: ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)
#### Post date: [May 17, 2024, 7:01am UTC](https://forum.readymag.com/t/pinning-an-element-just-temporarily/1262/9 "2024-05-17T07:01:31Z")

</div>

its just a fixed title-header, but only on the page of the article…

if you have further question, feel free. ( I have created the new open website )
