💄 add page comment counter click event.

assets/css/_common/components/post/post-header.scss

@@ -113,3 +113,8 @@
   flex-basis: 100%;
   height: 0;
 }
+
+#comments-count {
+  cursor: pointer;
+  border-bottom: 1px solid $link-decoration-color;
+}

assets/js/next-boot.js

@@ -24,6 +24,14 @@ NexT.boot.registerEvents = function() {
   // Register comment's components
   NexT.plugins.register();
 
+  // Register comment counter click event
+  const commentCnt = document.querySelector('#comments-count');
+  if (commentCnt && NexT.CONFIG.page.isPage) {
+    commentCnt.addEventListener('click',  event => {
+      NexT.utils.slidScrollBarAnime('comments');
+    });
+  }
+
   // Mobile top menu bar.
   document.querySelector('.site-nav-toggle .toggle').addEventListener('click', event => {
     event.currentTarget.classList.toggle('toggle-close');

assets/js/utils.js

@@ -59,11 +59,13 @@ NexT.utils = {
   },
 
   slidScrollBarAnime: function (targetId, easing = 'linear', duration = 500) {
+    const targetObj = document.getElementById(targetId);
+   
     window.anime({
       targets: document.scrollingElement,
       duration: duration,
       easing: easing,
-      scrollTop: targetId == '' ? 0 : document.getElementById(targetId).getBoundingClientRect().top + window.scrollY
+      scrollTop:  targetId == '' || !targetObj ? 0 : targetObj.getBoundingClientRect().top + window.scrollY
     });
   },