Container level scrolling

[stomgb]

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?

[ThinhDinh]

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

[stomgb]

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

[Darren_Murphy]

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

[tuzin]

Sure! Thanks for the ping @Darren_Murphy

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

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