Prevent Auto scroll screen to top when click report

i create dashboard that embedding a powerbi iframe, but screen auto scroll to top and hide st.tabs when click event on powerbi report. How can we prevent auto scroll to top, pls help!

Trạm Đầu Tư and 7 more pages - thangtrung93 - Microsoft_ Edge 2024-05-08 22-21-06

import streamlit as st
from streamlit.components.v1 import html
from streamlit_navigation_bar import st_navbar
import streamlit_shadcn_ui as ui
from st_social_media_links import SocialMediaIcons
from streamlit_player import st_player
from streamlit_elements import elements, media


logo_path = "D:/OneDrive/Securities/a_tramdautu/a_logo/logo_Tramdautu_svg.svg"

def main():
    # Config page setting
    st.set_page_config(layout="wide",initial_sidebar_state="collapsed", 
                       page_icon=logo_path,page_title= "Trạm Đầu Tư")

    # # Navbar
    styles_navbar = {
        "nav": {
            "background-color": "#011E08",
            "justify-content": "center",
        },
        "div": {
            "max-width": "160px",
        },
        "span": {
            "border-radius": "0.5rem",
            "color": "#FFFFFF",
            # "margin": "0 0.5rem",
            "padding": "0.4375rem 0.125rem",
            "font-size":"20px",
            "font-family":"monospace",
            "font-weight":"bold",
            "width": "auto",
        },  
        "img":{
            # "background": "url(https://imgur.com/a/QQzRjmK)" 
        }
        # "active": {
        #     "background-color": "rgba(255, 255, 255, 0.25)",
        # },
        # "hover": {
        #     "background-color": "rgba(255, 255, 255, 0.35)",
        # }
    }
    page = st_navbar(["TRẠM ĐẦU TƯ"], logo_path=logo_path,styles=styles_navbar, options={"use_padding":False})

    # st.divider()
    # st.divider()
    # Sidebar
    st.sidebar.divider()
    st.sidebar.image("D:/OneDrive/Securities/a_tramdautu/a_logo/logo_Tramdautu_svg.svg",width=40)
    text_intro = " cung cấp platform các đồ thị, bảng biểu để trực quan hóa các dữ liệu về chứng khoán thị trường Việt Nam"
    st.sidebar.markdown(f"""<span style="color: #00C256;font-weight: bold;">Trạm Đầu Tư</span>{text_intro}""", unsafe_allow_html=True)
    
    # add social links to sidebar
    social_media_links = [
    "https://www.facebook.com/",
    "https://www.youtube.com/",
    "https://www.instagram.com/",
    "https://www.threads.net/",
    ]
    colors = [None, None, None, "#FFFFFF"]
    social_media_icons = SocialMediaIcons(social_media_links, colors=colors)
    social_media_icons.render(sidebar=True)
    st.sidebar.divider()

    # Tabs
    l_tab = ["Phân tích cơ bản", "Hướng dẫn sử dụng", "Video đầu tư"]
    l_industry = ["Sản xuất","Ngân hàng", "Chứng khoán", "Bảo hiểm"]
    l_report_range = ["Quý", "Năm"]

    with st.container():
        tb1, tb2, tb3 = st.tabs(l_tab)
    with tb1:
        with st.expander(label="Bộ lọc"):
            with st.container(border=True):
                col1, col2, col3, col4 = st.columns([4,10, 10, 4])
                with col2:
                    st.selectbox(label="Lựa chọn ngành: ",options=l_industry)
                with col3:
                    st.selectbox(label="Kỳ báo cáo: ",options=l_report_range)
                        
        # Adding PowerBI embedding url
        with st.container():
            url = "https://app.powerbi.com/view?r=eyJrIjoiZjljYzc5ODQtNzI1My00YzY5LThlMWYtYmZiYzA1NTA0NDBmIiwidCI6ImNjY2UwYTg2LWNiM2YtNDA1MC1iODY0LTgxOWNiM2Y0MmVhMCIsImMiOjEwfQ%3D%3D"
            url_iframe=f'<iframe width="80%" height="100%" src="{url}" style="display:flex; position:fixed; top:200px; bottom:100px;left:200px; right:50px; margin:0px; padding:40px" frameborder="0" allowFullScreen="true"></iframe>'
            url_iframe_html=f"""<iframe width="100%" height="4500px" src="{url}" frameborder="0"></iframe>"""
            # if industry_type == "Chứng khoán":
            #     if report_range == "Quý":

            html(url_iframe_html, height=4000)

    with tb3:
        with st.container():
            with elements("video-investing"):
                media.Player(url="https://www.youtube.com/watch?v=Tr6MMsoWAog", controls=True)

if __name__ == '__main__':
    main()

above of my code. Pls help me!

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