fix jump logic

index.html

@@ -362,8 +362,8 @@
             $(".bg-cover").css("background-image", "url(" + bannerUrl + ")");
           </script>
 
-          <div class="cover-btns">
-            <a href="#indexCard" class="waves-effect waves-light btn">
+          <div id="scrollButton" class="cover-btns">
+            <a href="#articles" class="waves-effect waves-light btn">
               <i class="fa fa-angle-double-down"></i>Start
             </a>
 

themes/hexo-theme-matery/_config.yml

@@ -19,9 +19,6 @@ menu:
   Contact:
     url: /contact
     icon: fas fa-comments
-  Friends:
-    url: /friends
-    icon: fas fa-address-book
   # 二级菜单写法如下
   #Medias:
   #  icon: fas fa-list

themes/hexo-theme-matery/layout/_partial/index-cover.ejs

@@ -64,7 +64,7 @@ var coverPostsCount = coverPosts.length;
         <div class="container">
             <%- partial('_partial/bg-cover-content') %>
 
-            <div class="cover-btns">
+            <div id="scrollButton" class="cover-btns">
                 <a href="<%=
                         [theme.dream, theme.video, theme.recommend]
                                 .some(i=>i.enable)? "#indexCard": "#articles"
@@ -147,9 +147,19 @@ var coverPostsCount = coverPosts.length;
 </div>
 
 <script>
-    $(function () {
+    $(
+        
+        function () {
         let coverSlider = $('.carousel');
-
+        
+        document.getElementById('scrollButton').addEventListener('click', function(event) {
+            event.preventDefault(); // Prevent the default anchor behavior
+
+            // Smoothly scroll to the #articles section
+            document.querySelector('#articles').scrollIntoView({
+                behavior: 'smooth'
+            });
+        });
         //用户触摸轮播自动 restartPlay 是否生效
         let initUserPressedOrDraggedActive = false