From 34b0ef1a6d8b0429d6bbee5439952b29ce223b1e Mon Sep 17 00:00:00 2001
From: maskeynihal <26411488+maskeynihal@users.noreply.github.com>
Date: Fri, 9 Jun 2023 13:30:12 +0545
Subject: [PATCH] add back to top for independent column

---
 src/nginxconfig/templates/footer.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/nginxconfig/templates/footer.vue b/src/nginxconfig/templates/footer.vue
index ab4a8bc..de851fa 100644
--- a/src/nginxconfig/templates/footer.vue
+++ b/src/nginxconfig/templates/footer.vue
@@ -28,7 +28,7 @@ THE SOFTWARE.
     <div class="footer">
         <div class="container">
             <p>
-                <a href="#top" class="button is-primary is-small">{{ $t('templates.footer.backToTop') }}</a>
+                <button type="button" class="button is-primary is-small" @click="handleScrollToTop">{{ $t('templates.footer.backToTop') }}</button>
             </p>
             <p>
                 {{ $t('templates.footer.thisToolIs') }}
@@ -68,5 +68,14 @@ THE SOFTWARE.
         components: {
             ExternalLink,
         },
+        methods: {
+            handleScrollToTop: () => {
+                window.scrollTo({top: 0});
+
+                const columns = document.querySelectorAll('.column-scroll-y');
+
+                columns.forEach(column => column.scrollTo({top: 0}));
+            },
+        },
     };
 </script>