# Container level scrolling

**URL:** https://community.glideapps.com/t/container-level-scrolling/72100
**Category:** Ask for Help
**Tags:** custom-css
**Created:** [March 27, 2024, 5:16pm UTC](https://community.glideapps.com/t/container-level-scrolling/72100 "2024-03-27T17:16:41Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![stomgb](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@stomgb](https://community.glideapps.com/u/stomgb)
#### Post date: [March 27, 2024, 5:16pm UTC](https://community.glideapps.com/t/container-level-scrolling/72100/1 "2024-03-27T17:16:41Z")

</div>

I have two containers on a screen, the first one provides the user with some guidance and has a fixed height while the second has a comments/chat interface and will grow in height as the user post messages.

I’d like to keep the first container always visible and let users scroll only the content of the second container. Is that possible?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3d99d83346ca43ffa4026723787e1fde0feea554.jpeg)

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [March 28, 2024, 1:06am UTC](https://community.glideapps.com/t/container-level-scrolling/72100/2 "2024-03-28T01:06:04Z")

</div>

That might be possible with CSS. What plan are you on?

---

<div class="post-metadata">

### Author: ![stomgb](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@stomgb](https://community.glideapps.com/u/stomgb)
#### Post date: [March 28, 2024, 6:36am UTC](https://community.glideapps.com/t/container-level-scrolling/72100/3 "2024-03-28T06:36:11Z")

</div>

Maker. CSS styling was just recently made available to the Maker plan!  
I’ll read the docs about using CSS in Glide apps but any examples you can share to accomplish the above would be great to have. Thanks again

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [March 28, 2024, 7:06am UTC](https://community.glideapps.com/t/container-level-scrolling/72100/4 "2024-03-28T07:06:07Z")

</div>

I’m pretty sure @tuzin has a CSS snippet that does this.

---

<div class="post-metadata">

### Author: ![tuzin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuzin/32/86077_2.png) [@tuzin](https://community.glideapps.com/u/tuzin)
#### Post date: [March 28, 2024, 7:49am UTC](https://community.glideapps.com/t/container-level-scrolling/72100/5 "2024-03-28T07:49:05Z")

</div>

Sure! Thanks for the ping @Darren_Murphy

Give your container a classname `stickytop` and paste this into custom CSS:

```auto
.stickytop {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 999;
  margin-top: 0px;
}

```

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [April 4, 2024, 7:49am UTC](https://community.glideapps.com/t/container-level-scrolling/72100/6 "2024-04-04T07:49:22Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.