vue3-seamless-scroll不断增加高度造成内存溢出

Vue3-seamless-scroll 是一个用于实现无缝滚动效果的 Vue 组件，它通过动态调整视口高度来提供平滑滚动体验。然而，当您在项目中频繁地使用这个组件并且不断增加内容高度，可能会导致浏览器内存占用过高，最终引发内存溢出的问题。

原因主要有两个：
1. **DOM节点过多**：每增加一次滚动，`vue3-seamless-scroll` 都会添加新的 DOM 节点到页面上，如果内容无限加载或数据量非常大，这可能导致大量冗余节点存在于内存中，占用过多资源。
2. **计算密集型操作**：滚动时组件需要不断更新视口内的元素布局和样式，特别是处理复杂的CSS动画时，可能会触发大量的计算和渲染操作，加重了内存压力。

为了解决这个问题，可以考虑以下策略：
- **懒加载**：只在用户接近底部时才加载新内容，而不是一次性全部加载。
- **优化DOM结构**：使用虚拟滚动、滚动区域剪裁等技术减少实际渲染的DOM节点数。
- **性能监控**：使用 Vue 的 `beforeDestroy` 或者第三方性能分析工具来检查组件是否过度消耗内存。
- **提升组件性能**：对滚动相关的计算和样式调整做性能优化，比如避免不必要的样式求值或计算。