use-stick-to-bottom

收录理由

流式输出的大模型对话界面有个很隐蔽的麻烦：新消息不断追加时，列表要始终贴住底部，同时视口不能乱跳。这个 Hook 不依赖 Safari 至今不支持的 overflow-anchor，改用 ResizeObserver 监听内容尺寸变化，配合基于速度的弹簧动画而不是固定时长的缓动函数，所以即使流式消息在生成过程中忽长忽短也能平稳跟随。用户一旦向上滚动，吸底效果会立即取消，而且库能准确区分真实滚动和自身动画产生的滚动，在移动端上也不会误判。既可以通过 refs 挂到现有组件上，也能直接用自带的组件，后者会提供上下文，让子组件随时查询 isAtBottom 或主动滚到底部。零依赖，不会给 React 项目增加额外负担。