# Sticky While Scrolling

*Skill Level: Beginner*

## Before You Begin

* Make sure you've completed the guide for [Creating a Responsive App](https://help.adalo.com/design/designing-your-app/creating-an-app) and have an app created.

{% hint style="info" %}
**NOTE**: This feature functions the same way as the old "Fixed to" toggle in the Edit Styles menu of the Legacy builder, except now you can even make components sticky to the side or center of a screen, not just to the top and bottom. See the [Learn More](#learn-more) section of this guide for reference.
{% endhint %}

## Video

{% embed url="<https://www.youtube.com/watch?v=H5M1qYc1B_4>" %}

## Walkthrough

#### 1.  To turn on Sticky while scrolling, click on a component or group of components, then click on the layout tab.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FSjHgGusZwYtrCdyLQ6Jh%2FScreen%20Shot%202023-04-19%20at%2010.50.19%20AM.png?alt=media&#x26;token=aa047edf-a03d-4e47-9394-605a198c8c63" alt=""><figcaption></figcaption></figure>

#### 2. Click on the "Sticky while scrolling" toggle to turn it on for the selected group.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F7qzpTok49mNtK7EejR8q%2FScreen%20Shot%202023-04-19%20at%2010.51.45%20AM.png?alt=media&#x26;token=d76cf1ab-2505-433d-b580-9f3be7092047" alt=""><figcaption></figcaption></figure>

#### 3. Now your component or group will stay fixed in the same position regardless of how far up or down your users scroll on the screen.

To turn it off, just click the toggle again.&#x20;

## Learn More

* Sticky while scrolling works the same way that the Fixed option did in Legacy builder, only now you can stick components and groups of components to the top, bottom, center, side, or anywhere else on screen.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FQ6AAdw6tTWp3bH51wpBq%2FScreen%20Shot%202023-04-19%20at%2010.54.17%20AM.png?alt=media&#x26;token=8a06bcb6-c540-491e-acc0-da81ec3babc8" alt=""><figcaption><p>OLD Legacy builder version of Sticky While Scrolling</p></figcaption></figure>

## Help

If you need additional help with this article, you can always ask in our[ community forum](https://forum.adalo.com/) or [hire an Expert](https://adalo.com/experts) to help! Be sure to paste the link to this article in your post as well!

Do you have a tutorial or help doc request? [Let us know!](https://ideas.adalo.com/tutorial-requests)