From 3498003e1f5624f72aa646e9e0eb5aba3b3852ce Mon Sep 17 00:00:00 2001
From: ngzhio <ngzhio@gmail.com>
Date: Fri, 3 Jul 2020 16:04:29 +0800
Subject: [PATCH] Fix bug: click the TOP button didn't scroll back to top

---
 _layouts/archive-taxonomies.html | 9 ++++++++-
 _layouts/archive-years.html      | 9 ++++++++-
 _layouts/default.html            | 2 +-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/_layouts/archive-taxonomies.html b/_layouts/archive-taxonomies.html
index 1199e4948..cc4b4b434 100644
--- a/_layouts/archive-taxonomies.html
+++ b/_layouts/archive-taxonomies.html
@@ -70,7 +70,14 @@ <h2 id="{{ slugified_taxonomy_name }}">
           </li>
         {%- endfor -%}
       </ul>
-      <a href="#" class="back-to-top">Top &#8648;</a>
+      <a href="#" onclick="backToTop()" class="back-to-top">Top &#8648;</a>
     {%- endif -%}
   {%- endfor -%}
 {%- endfor -%}
+
+<script>
+  function backToTop() {
+    const main = document.getElementById("site-main");
+    main.scrollTop = 0;
+  }
+</script>
diff --git a/_layouts/archive-years.html b/_layouts/archive-years.html
index cd8e28e5c..63f5fb83f 100644
--- a/_layouts/archive-years.html
+++ b/_layouts/archive-years.html
@@ -33,5 +33,12 @@ <h2 id="{{ taxonomy.name }}">
       </li>
     {%- endfor -%}
   </ul>
-  <a href="#" class="back-to-top">Top &#8648;</a>
+  <a href="#" onclick="backToTop()" class="back-to-top">Top &#8648;</a>
 {%- endfor -%}
+
+<script>
+  function backToTop() {
+    const main = document.getElementById("site-main");
+    main.scrollTop = 0;
+  }
+</script>
diff --git a/_layouts/default.html b/_layouts/default.html
index b58a071f0..c91b40d74 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -15,7 +15,7 @@
         <aside class="site-sidebar" id="site-sidebar">
           {% include sidebar.html %}
         </aside>
-        <main class="site-main" aria-label="Content">
+        <main class="site-main" id="site-main" aria-label="Content">
           {{ content }}
           <footer class="site-footer">
             {% include footer.html %}