Need to automatically go at the top of the page

🎈 Using Streamlit
1

Hi all,

I’ve an anchor link at the top of the page #Automatic.
Image that the user is in the middle of the page and some code is executing.
Is it possible to automatically send the user to the top of the page (exploiting the anchor link or directly via html code?)
The button is a streamlit button so something like

st.markdown("[Section 1](#section-1)")

Doesn’t work for me because the user is supposed to click it.
Ideally this is what I need

some code here
some code here
line that brings the user to the top of the page without he does nothing
some code

Thank you

Lorenzo

2

I think your best bet is

st.markdown('# Section 1')

st.markdown('Lorem ipsum')

# As a text link
st.markdown('[Back to Top](#section-1)')

# As an html button (needs styling added)
st.markdown(''' <a target="_self" href="#section-1">
                    <button>
                        Back to Top
                    </button>
                </a>''', unsafe_allow_html=True)

When you click a Streamlit button, it will by definition rerun the app. You can observe if you manually type in a url with the section anchor that the anchor goes away as the page finishes loading.

3

Hi,

I’m sorry, your solution works if the user, as you said, click the streamlit button to go on top. What I’ looking for is something that perform this action automatically. The same concept that you mentioned but without clicking anything, just a line of code that “sends” you at the top while you’re not touching anything.

Thank you

1 Like