用dv-scroll-board websocket 实现最新数据的滚动

`dv-scroll-board` 是一个基于 WebSocket 的滚动条插件，它允许你在前端实现实时更新的滚动功能，比如在聊天应用、新闻动态列表等场景中，当服务器端有新的数据添加时，滚动条能自动滚动到最新内容区域，而无需手动刷新页面。

以下是基本步骤：

1. **设置WebSocket连接**：
- 首先，你需要创建一个 WebSocket 连接到服务器。这通常通过 JavaScript 的 `WebSocket` 对象完成，例如：

     const socket = new WebSocket('ws://your-server-url');

2. **监听消息事件**：
- 当从服务器接收到新数据时，通常会触发 `message` 或者 `open` 事件。在这些事件的回调函数中处理新数据：

     socket.addEventListener('message', (event) => {
       const newData = JSON.parse(event.data); // 假设数据是以 JSON 格式发送
       
       // 更新滚动板数据
       dvScrollBoard.update(newData);
     });

3. **集成滚动板插件**：
- 使用 `dv-scroll-board` 插件提供的 API 来滚动到新数据部分。一般来说，这个插件应该提供一个方法如 `scrollToNewData` 或 `updateScrollPosition`：

     dvScrollBoard.scrollToNewData(newData);

4. **初始化滚动板**：
- 初始化滚动板，并确保在接收到新数据时同步滚动：

     dvScrollBoard.init();

5. **错误处理**：
- 别忘了处理可能出现的网络中断或连接关闭等情况，以便于重新尝试连接或显示合适的消息给用户。