.typewriter { font-size: 36px; line-height: 1.4; max-width: 1200px; margin: 0 auto; padding: 0 16px; position: relative; color: #ffffff; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; word-break: break-word; } /* 手机端：减少字体，略微收紧行高 */ @media (max-width: 768px) { .typewriter { font-size: 24px; line-height: 1.2; margin: 0% 0% 0% 45%; } } .cursor { display: inline-block; width: 3px; background-color: #ffffff; margin-left: 4px; animation: blink 1s step-end infinite; vertical-align: baseline; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

(function() { const text = "晶泰科技努力于基于垂类数据操纵野生智能 + 机械人手艺打造手艺平台，加快份子研发历程，为生物医药、材料迷信、动力化工等多行业供给立异驱动力"; const container = document.getElementById('typewriter-text'); let i = 0; // 光标 const cursor = document.createElement('span'); cursor.className = 'cursor'; container.appendChild(cursor);  // 判定是不是挪动端 const isMobile = window.matchMedia("(max-width: 768px)").matches; function type() { if (i setTimeout(type, delay)); } } // 只要当笔墨容器进入视窗 50% 时才起头打字 const observer = new IntersectionObserver((entries, obs) => { entries.forEach(entry => { if (entry.isIntersecting) { type(); obs.unobserve(entry.target); } }); }, { threshold: 0.5 }); window.addEventListener('DOMContentLoaded', () => { observer.observe(container); }); })();