Add（content && autoScroll）

Author: supermonkeyguys

public/text.html

@@ -6,19 +6,84 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
     <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+    
+      html,
+      body {
+        width: 100%;
+        height: 100%;
+        overflow-y: auto;
+        overflow-x: hidden;
+      }
+    
       body {
         color: #bfb;
         text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 15px #00a67c;
         filter: drop-shadow(0 0 2px #00a67c);
+        padding: 15px 20px;
+        font-size: 16px;
+        line-height: 1.6;
       }
-
+    
+      #text {
+        width: 100%;
+        height: 100%;
+      }
+    
+      #text li {
+        list-style: none;
+        margin-bottom: 15px;
+        line-height: 1.7;
+        font-size: 16px;
+      }
+    
+      #text li span:first-child {
+        display: inline-block;
+        min-width: 70px;
+        margin-right: 12px;
+        font-size: 17px;
+        font-weight: bold;
+        color: #0f7;
+      }
+    
+      #text li span:last-child {
+        font-size: 15px;
+      }
+    
+      #text div {
+        margin-bottom: 15px;
+        line-height: 1.7;
+        font-size: 16px;
+      }
+    
+      #text h1 {
+        margin: 25px 0 20px 0;
+        font-size: 28px;
+      }
+    
       button {
         background-color: #00a67c;
         color: #bfb;
         text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 15px #00a67c;
         outline: none;
         border: none;
         border-radius: 4px;
+        padding: 10px 18px;
+        font-size: 15px;
+      }
+    
+      /* 隐藏滚动条 */
+      body::-webkit-scrollbar {
+        display: none;
+      }
+      
+      body {
+        -ms-overflow-style: none;  /* IE and Edge */
+        scrollbar-width: none;  /* Firefox */
       }
     </style>
   </head>
@@ -28,33 +93,53 @@
   <script src="https://unpkg.com/typeit@8.6.0/dist/index.umd.js"></script>
   <script>
     let hash = window.parent?.location?.hash?.split("#")?.[1];
-    // let hash = location?.hash?.split("#")?.[1];
-    // 基本加密方式
-    // const encode = (name) => {
-    //   hash = [...encodeURI(name)].map((c) => c.charCodeAt(0) ^ "lec").join("&");
-    //   return hash;
-    // };
-    let time
-    const handleClick = () => {
-      alert(1);
-    };
-
+    console.log(hash)
+    let time;
+  
     const decode = () => {
-      const hashList = hash?.split('/')
-      time = hashList[1]
-      hash = hashList[2]
+      const hashList = hash?.split("/");
+      console.log(hashList)
+      time = hashList[1];
+      hash = hashList[2];
+      console.log(hash)
       const arr = hash?.split("&")?.map((c) => +c ^ "lec");
       const text = String.fromCharCode(...arr);
-      hash = decodeURI(text);
+      hash = text
       return hash;
     };
+    
     const res = decode();
 
+    console.log('year:')
+    console.log('name:',res)
+  
+    // 改进的自动滚动函数
+    const scrollToBottom = () => {
+      requestAnimationFrame(() => {
+        const body = document.body;
+        const html = document.documentElement;
+        
+        // 尝试所有可能的滚动方式
+        body.scrollTop = body.scrollHeight;
+        html.scrollTop = html.scrollHeight;
+        window.scrollTo(0, document.body.scrollHeight);
+        
+        // 使用 scrollIntoView
+        const textElement = document.getElementById('text');
+        if (textElement && textElement.lastElementChild) {
+          textElement.lastElementChild.scrollIntoView({ 
+            behavior: 'smooth', 
+            block: 'nearest'
+          });
+        }
+      });
+    };
+  
     if (hash) {
-      console.log(1);
       new TypeIt("#text", {
         speed: 50,
         startDelay: 900,
+        afterStep: scrollToBottom, // 每步后滚动
       })
         .type(
           `<li>
@@ -129,6 +214,8 @@
           <span>OpenAI 发布 GPT-2，大模型时代的前夜到来</span>
         </li>
 
+        <li><span>2024</span><span>开源大模型爆发式增长，Llama 3、Qwen 等系列模型推动 AI 技术普惠化</span></li>
+
         `,
           { delay: 100 }
         )
@@ -170,13 +257,13 @@
           { delay: 800 }
         )
         .go();
-    } else {
-      new TypeIt("#text", {
-        speed: 50,
-        startDelay: 900,
-      })
-        .type(`ERROR: INVADED BY SOMEONE UNKNOWN!`, { delay: 100 })
-        .go();
-    }
-  </script>
+      } else {
+    new TypeIt("#text", {
+      speed: 50,
+      startDelay: 900,
+    })
+      .type(`ERROR: INVADED BY SOMEONE UNKNOWN!`, { delay: 100 })
+      .go();
+  }
+</script>
 </html>