vuejs项目里的一个问题关于渲染方面

Question

问题详细描述： 点击上面的tab切换对应下方的内容，默认渲染第一个tab及其下方的内容，发现在滚动下方内容区域一定高度h1之后，切换到第二个tab，发现其下方的内容也滚动了h1的高度。要求切换第二个tab时下方不去滚动。
代码片段展示：
该页面有做keep-alive，不过笔者认为，通过:key应该可以重新渲染。。不应该出现上述问题，求大能解答，不胜感激！
补充：刚刚去掉了本页面的keep-alive，发现还是会出现上述问题。

Answer 1

换了个形式采用 visibility的做法。。不过还是没有搞懂上面的问题所在