使用 ant-design-vue 的 tabs 组件实现滚动条滚到 tabs 位置
在 vue 页面中使用 ant-design-vue 的 tabs 组件时，可以实现滚动条滚动到 tabs 位置时吸顶，而向上滚动时也能正常显示 tabs 上面的内容。
思路：
- 获取 tabs 距离顶部的距离。
- 监听滚动条滚动的事件，判断滚动条距离顶部的距离是否大于 tabs 距离顶部的距离。
- 如果滚动条距离顶部的距离大于 tabs 距离顶部的距离，则将 tabs 的样式设为 position: fixed，使其固定在页面顶部。
- 当向上滚动时，将 tabs 的样式恢复为 position: relative，使其回到正常位置。
代码示例：
Content of Tab Pane 2 Content of Tab Pane 3
注意：
立即学习“前端免费学习笔记（深入）”；
- position: sticky 可能不适用于所有浏览器。
- position: fixed 会导致滚动条无法正常滚动。因此，在向上滚动时将 tabs 的样式恢复为 position: relative。
