From 0536ac37fc6b85835fb6503478b4c4924bb3bbb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=87=A1=E6=A2=A6=E6=98=9F=E5=B0=98?= <elkan1788@139.com>
Date: Thu, 6 Oct 2022 10:48:52 +0800
Subject: [PATCH] :lipstick: Add tool button click events make it more silky.

---
 assets/js/next-boot.js        |  1 +
 assets/js/utils.js            | 22 ++++++++++++++++++++++
 layouts/partials/widgets.html |  8 ++++----
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/assets/js/next-boot.js b/assets/js/next-boot.js
index 9c66eb1..e17456b 100644
--- a/assets/js/next-boot.js
+++ b/assets/js/next-boot.js
@@ -10,6 +10,7 @@ NexT.boot.registerEvents = function() {
 
   NexT.utils.registerScrollPercent();
   // NexT.utils.registerCanIUseTag();
+  NexT.utils.registerToolButtons();
 
   // Mobile top menu bar.
   document.querySelector('.site-nav-toggle .toggle').addEventListener('click', event => {
diff --git a/assets/js/utils.js b/assets/js/utils.js
index 3df4db7..e509bd9 100644
--- a/assets/js/utils.js
+++ b/assets/js/utils.js
@@ -23,6 +23,28 @@ HTMLElement.prototype.wrap = function(wrapper) {
 
 NexT.utils = {
 
+  registerToolButtons: function() {
+    const comms_offset = document.getElementById('comments').getBoundingClientRect().top + window.scrollY;
+    document.getElementById('goto-comments').addEventListener('click', () => {
+       window.anime({
+        targets  : document.scrollingElement,
+        duration : 500,
+        easing   : 'linear',
+        scrollTop: comms_offset
+      });
+    });
+    
+    const gt_offset = document.getElementById('google_translate_element').getBoundingClientRect().top + window.scrollY;
+    document.getElementById('goto-gt').addEventListener('click', () => {
+       window.anime({
+        targets  : document.scrollingElement,
+        duration : 500,
+        easing   : 'linear',
+        scrollTop: gt_offset
+      });
+    });
+  },
+
   regSwitchThemeBtn: function() {
     const switchThemeBtn = document.getElementById('switch-theme');
     if (!switchThemeBtn) return;
diff --git a/layouts/partials/widgets.html b/layouts/partials/widgets.html
index 37ac5c5..9a39366 100644
--- a/layouts/partials/widgets.html
+++ b/layouts/partials/widgets.html
@@ -1,14 +1,14 @@
 <div class="tool-buttons" >
-  <a id="goto-comments" class="button goto-comments" href="#comments"  title="{{ T "ToolBtns.comment" }}">
+  <div id="goto-comments" class="button goto-comments" title="{{ T "ToolBtns.comment" }}">
     <i class="fas fa-comments"></i>
-  </a> 
+  </div> 
   <div id="switch-theme" class="button" title="{{ T "ToolBtns.theme" }}">
     <i class="fas fa-adjust"></i>
   </div> 
   {{ if .Site.Params.footer.translate }}
-  <a class="button" href="#google_translate_element"  title="{{ T "ToolBtns.lang" }}">
+  <div id="goto-gt" class="button"  title="{{ T "ToolBtns.lang" }}">
     <i class="fas fa-globe"></i>
-  </a> 
+  </div> 
   {{ end }}
   {{- if and .Site.Params.backTop.enable (not .Site.Params.backTop.sidebar) }}
   <div class="back-to-top" role="button" title="{{ T "ToolBtns.backTop" }}">