Don-Yin
September 24, 2021, 2:20pm
1
Hi all,
Is there a way to disable scrollbar?
I am building an one-page app where the content does not exceed screen height, the scrollbar appears anyways even when there is nothing below the main component.
I’d really like my page to be fixated. Is there an option to disable the scrollbar?
thanks in advance,
Don
steeley
December 10, 2021, 4:42pm
2
I’m looking for this too.
I thought you could use the ‘overflow’ tag in CSS, but it doesn’t seem to work in Streamlit.
body {
overflow: hidden; /* Hide scrollbars */
}
I am also looking to display dashboard on entire screen without scroll bar
dinz
July 27, 2022, 7:53am
4
Did you got the solution, am also looking for this
Also interested in this… has anyone found a solution?
You can use css to reduce the empty space that is the padding before the footer. Try the at the end of your page:
css = '''
<style>
section.main > div:has(~ footer ) {
padding-bottom: 5px;
}
</style>
'''
st.markdown(css, unsafe_allow_html=True)