diff --git a/lyear_main.html b/lyear_main.html
index c56f94a6088de7f893d8e98de015c2d0a9251279..d4da8090acead13aa77acc1790c628a36a747167 100644
--- a/lyear_main.html
+++ b/lyear_main.html
@@ -14,6 +14,22 @@
 <link rel="stylesheet" type="text/css" href="css/materialdesignicons.min.css">
 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
 <link rel="stylesheet" type="text/css" href="css/style.min.css">
+
+<style type="text/css">
+  .table-container {
+    max-height: 300px; /* 设置表格容器的最大高度 */
+    overflow-y: auto; /* 允许垂直滚动 */
+  }
+  
+  /* 使表单头部保持在顶部，不随内容滚动 */
+  #tableHead {
+	  position: sticky; 
+	  width: 100%;
+	  top: 0;
+	  background-color: white;
+  }
+</style>
+
 </head>
   
 <body>
@@ -113,9 +129,9 @@
   	      <div class="card-title">项目信息</div>
   	    </header>
   		<div class="card-body">
-  		  <div class="table-responsive">
+  		  <div id="tableContainer" class="table-responsive table-container">
   		    <table class="table table-hover">
-  		      <thead>
+  		      <thead id="tableHead">
   		        <tr>
   		          <th>#</th>
   		          <th>项目名称</th>
@@ -284,5 +300,27 @@ $(document).ready(function(e) {
 	});
 });
 </script>
+<!-- 项目信息滚动显示效果 -->
+<script type="text/javascript">
+  let isMouseOver = false;
+  const tableContainer = document.getElementById('tableContainer');
+
+  function autoScroll() {
+    if (!isMouseOver) {
+      tableContainer.scrollTop += 1; // 每次滚动一像素
+    }
+    setTimeout(autoScroll, 50); // 设置滚动速度
+  }
+
+  autoScroll();
+
+  tableContainer.addEventListener('mouseenter', () => {
+    isMouseOver = true;
+  });
+
+  tableContainer.addEventListener('mouseleave', () => {
+    isMouseOver = false;
+  });
+</script>
 </body>
 </html>
\ No newline at end of file
