长文本折叠与滚动定位优化

针对长文本收起后定位偏移的问题，核心在于手动触发视口滚动。使用 scrollIntoView 能够精准控制页面滚动到指定元素位置。

1. 修正后的JavaScript逻辑

在点击收起按钮的逻辑中，获取容器元素并调用滚动方法：

function toggleCollapse(containerId, button) {
    const container = document.getElementById(containerId);
    const isCollapsed = container.classList.toggle('collapsed');
    
    button.textContent = isCollapsed ? '展开' : '收起';
    
    // 收起时，强制将容器顶部滚动至视口可见区域
    if (isCollapsed) {
        container.scrollIntoView({ 
            behavior: 'smooth', 
            block: 'start' 
        });
    }
}

2. CSS 类名避坑

报错 net::ERR_BLOCKED_BY_CLIENT 通常是因为插件（如AdBlock）屏蔽了包含 ad- 或 banner 等敏感前缀的类名。请检查并将你的 CSS 类名从 .ad-container 修改为中性命名，例如 .content-box 或 .text-wrapper。

3. 核心改进建议

• scrollIntoView({block: 'start'})：这是解决“找不到位置”的关键。设置 start 会将元素顶部对齐到滚动区域的上边界。
• scroll-margin-top：如果你的页面顶部有固定导航栏（Header），请在 CSS 中为折叠容器添加 scroll-margin-top: 80px;（根据导航栏高度调整），这样滚动时不会被导航栏遮挡。
• 过渡平滑：behavior: 'smooth' 可以让跳转过程更自然，不会因为瞬间跳转让用户产生困惑。