Update app2.py

app2.py

@@ -33,9 +33,6 @@ def update_button_name(event):
     else:
         toggle_button.name = "filter2"
 
-# Attach the update_button_name function to the button's on_click event
-toggle_button.on_click(update_button_name)
-
 # Create a column layout for the buttons inside the toggleable sidebar
 buttons = pn.Column(
     button1, button2, button3,
@@ -43,6 +40,53 @@ buttons = pn.Column(
     css_classes=['hidden']
 )
 
+# Add the CSS style for the "Back to Top" button
+css = """
+<style>
+.back-to-top {
+    display: none;
+    position: fixed;
+    bottom: 20px;
+    left: 20px;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background-color: #88d8b0;
+    color: white;
+    font-size: 24px;
+    text-align: center;
+    line-height: 40px;
+    cursor: pointer;
+}
+
+.back-to-top.show {
+    display: block;
+}
+</style>
+"""
+
+# Append the CSS to the template
+template.add_panel(css, raw=True)
+
+# Create the "Back to Top" button
+back_to_top_button = pn.widgets.Button(name="^", button_type="primary", css_classes=["back-to-top"], width=40, height=40)
+
+# JavaScript callback for the "Back to Top" button
+back_to_top_button.js_on_click(args={}, code="""
+    const scrollDuration = 300;
+    const scrollStep = -window.scrollY / (scrollDuration / 15);
+    const scrollInterval = setInterval(function() {
+        if (window.scrollY !== 0) {
+            window.scrollBy(0, scrollStep);
+        } else {
+            clearInterval(scrollInterval);
+        }
+    }, 15);
+""")
+
+# Add the "Back to Top" button to the template
+template.main.append(back_to_top_button)
+
 # List to store the entered options
 loaded_list = TLDR.load_categories()