Using CSS to create scrollable streamlit container

🧩 Streamlit Components
1

Hi I would like to adjust streamlit container to have a default size and the ability to scroll using CSS as I have found no way to achieve without using those. Is there a guide on how to start the implementation.

For more information, I want to fit a default height container with variable wall of text such that if the text is long the user will have the option to scroll on that specific container instead of the whole webpage.

2

Hi, thanks for posting your issue. We love hearing from the community!

I think for this, you might want to use the html component: Components API - Streamlit Docs

You might have to write some hacky html but after that, i think you might be able to pass scroll=True.

Let me know if this helps.

3

It does helps, thanks for the reply

1 Like