# Hide text while scrolling

**URL:** https://forum.readymag.com/t/hide-text-while-scrolling/540
**Category:** Animations
**Created:** [August 9, 2022, 9:32pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540 "2022-08-09T21:32:37Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![dennerk](https://avatars.discourse-cdn.com/v4/letter/d/58f4c7/32.png) [@dennerk](https://forum.readymag.com/u/dennerk)
#### Post date: [August 9, 2022, 9:32pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540/1 "2022-08-09T21:32:38Z")

</div>

I have no idea if this is possible, but with Readymag’s animation capabilities, I’m wondering if it is. On this page: [about](https://my.readymag.com/edit/3859928/2/) you can see I have placed text onto of a transparent box. I would love for the user to be able to scroll through the text inside the box- the text cutting off where the top of the box begins and at the bottom. The user can independently scroll inside the box, the box acting a window of sorts. I can get the text to scroll- but not to “cut off” with the box. I would like to page to stay still. I hope this makes sense. Any help is greatly appreciated.

---

<div class="post-metadata">

### Author: ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)
#### Post date: [August 11, 2022, 12:18pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540/2 "2022-08-11T12:18:31Z")

</div>

Hi @dennerk sadly cannot see the link you have shared with us, best to share the project via ‘copy link’. However, it is possible from what I can understand. Please share the project link with us again so we can help answer.

---

<div class="post-metadata">

### Author: ![dennerk](https://avatars.discourse-cdn.com/v4/letter/d/58f4c7/32.png) [@dennerk](https://forum.readymag.com/u/dennerk)
#### Post date: [August 11, 2022, 12:46pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540/3 "2022-08-11T12:46:56Z")

</div>

Thanks for getting back with me @HEADLESS.HORSE hopefully this will work:

> **[Project by Kayleigh Denner](https://readymag.com/u3116231227/3859928/)**
>
> Built with Readymag—a tool to design anything on the web.

The page I am referring to is the ABOUT page

---

<div class="post-metadata">

### Author: ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)
#### Post date: [August 11, 2022, 1:13pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540/4 "2022-08-11T13:13:51Z")

</div>

Hi @dennerk I would suggest for this to create a code injection element. I have create the following that should match your project styling if you have created paragraph styles in Readymag!

```auto
<p>My name is Isla</p>
<p>I am 27 years old</p>
<p>I was raised in Harlem</p>
<p>I now reside in Brooklyn</p>
<p>My mother, Anita Frances Hown, was a floral deigner</p>Growing up, I loved assisting her snipping stems, replacing water, packing up her 89' pickup truck.</p>
<p>I grew to love the buisness and the people in it.</p>
<p>After my mother passed away in 2012, I knew I wanted to carry this craft with me indefinitely</p>

```

---

<div class="post-metadata">

### Author: ![dennerk](https://avatars.discourse-cdn.com/v4/letter/d/58f4c7/32.png) [@dennerk](https://forum.readymag.com/u/dennerk)
#### Post date: [August 11, 2022, 3:19pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540/5 "2022-08-11T15:19:06Z")

</div>

Thanks for providing that @HEADLESS.HORSE would there be following steps after I place that in a code injection? I’m hoping for the text to scroll only inside the box

---

<div class="post-metadata">

### Author: ![dennerk](https://avatars.discourse-cdn.com/v4/letter/d/58f4c7/32.png) [@dennerk](https://forum.readymag.com/u/dennerk)
#### Post date: [August 11, 2022, 3:23pm UTC](https://forum.readymag.com/t/hide-text-while-scrolling/540/6 "2022-08-11T15:23:48Z")

</div>

I imagine maybe the code would look something like this

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