在Vue工程中开发页面时，发现页面垂直方向出现两个滚动条的处理

在Vue工程中开发页面时，发现页面垂直方向出现两个滚动条

最近在开发页面时，发现页面多了两个滚动条，如图：

原因：

当一个页面的内容高度大于屏幕的高度时就会出现滚动条。一般情况下当一个页面高度大于屏幕高度时（屏幕相当于父盒子）就会出现滚动轮。而当一个页面（这里是home页面）作为父盒子，它的子页面（cate页面）高度大于它（home页面）的高度，那么这个页面（home页面）就会出现滚动条。（cate页面为home页面的子路由组件）

解决方案：

解决方案：1、增加父盒子高度 2、给父盒子设置 overflow：hidden
我这里是给超出屏幕大小的div加了 overflow：hidden

解决后的效果图：