切换 tab 的时候如何保存 tab 高度？

[werbhelius]

现在切换 tab 的时候，如果发生滑动，其他的页面也会随之滑动，如何解决这个问题？

[jeneser]

谢谢您提交issue给我！
这个问题我也注意到了，自定义路由切换时页面如何滚动？正在解决中...
其根源在于：两个路由出口对应的视图共用同一个根路由出口，每次发生滑动，将会相互影响。

有几个解决思路：

1. 为每一个视图添加加载状态，每次渲染页面之前，先展示加载动画，由于页面高度不足，滚动高度消失，页面之间便不会影响了，但是每次访问都会回到顶部，体验不佳。
2. 通过导航钩子精确控制：记录页面位置，在每次路由变更时更新位置信息。
3. 使用vue-router的scrollBehavior。scrollBehavior仅在HTML5 history 模式下可用，本项目使用的是hash模式。
   参考：滚动行为

这边会优先使用第二个思路，正在解决中...
再次感谢！～

[werbhelius]

好！期待你解决！

[jeneser]

已解决！
我写了一个通用的插件来解决这个问题，使得滚动行为在HTML5 history和hash模式下保持一致。
目前插件正在更新中，不过，我已经将它用在了项目中，你可以查看live demo来体验。欢迎您为此插件提出宝贵意见。有关具体实现，请移步插件仓库：vue-scroll-behavior

我将关闭本issue，Thanks！

[werbhelius]

Good！