智能滚动锁定优化即时通讯消息流体验

1. 问题场景解析：消息流中的"顶楼"现象

在即时通讯类应用中，当用户正在向上翻阅历史消息时，如果此时接收到新消息，默认行为会导致视图自动滚动到底部显示最新内容。这种设计在多数场景下是合理的——确保用户始终看到最新动态。但存在一个特定场景会引发体验问题：当用户正在仔细阅读历史消息时，突然被强制跳转到最新位置，不仅打断阅读流程，还可能丢失原本的阅读进度。

这种现象在AI对话应用中尤为明显。由于AI生成消息往往需要数秒甚至更长时间，用户常会利用等待间隙查看之前的对话内容。假设用户正在查看第5条历史消息，此时AI生成的第6条消息突然出现，界面自动滚动到底部，用户就不得不重新定位到第5条消息继续阅读——这种体验就像读书时被人不断抽走书本一样令人困扰。

2. 技术实现方案对比

2.1 传统解决方案的局限性

最常见的解决方案是简单的"锁轴"（scroll lock）开关，例如：

javascript复制let isScrollLocked = false;

chatContainer.addEventListener('scroll', () => {
  if (chatContainer.scrollTop < maxScrollTop - threshold) {
    isScrollLocked = true;
  }
});

function onNewMessage() {
  if (!isScrollLocked) {
    scrollToBottom();
  }
}

这种实现存在明显缺陷：

1. 二元状态切换过于生硬，用户需要手动解锁才能看到新消息
2. 没有考虑用户可能希望部分保持滚动位置的情况
3. 阈值（threshold）难以动态适配不同设备尺寸

2.2 智能滚动锁定方案设计

更优雅的解决方案应该具备以下特性：

• 智能判断：区分用户主动滚动与系统自动滚动
• 渐进适应：根据滚动位置动态调整锁定强度
• 视觉提示：明确告知用户有新消息待查看

核心算法实现：

javascript复制class SmartScrollLock {
  constructor(container) {
    this.container = container;
    th