# Sticky While Scrolling

*Skill Level: Beginner*

## Before You Begin

* Make sure you've completed the guide for [Creating a Responsive App](/design/designing-your-app/creating-an-app.md) 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](/design/designing-your-app/using-the-layout-tab/sticky-while-scrolling.md#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="/files/5pf1O9Sxf9l7HYx9irBP" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/hetaE6pmCXYSxEQ9kOaN" 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="/files/Z9n0AXR6FnDppjViUoLK" 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/design/designing-your-app/using-the-layout-tab/sticky-while-scrolling.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.