使用element 中的el-scrollbar组件取代浏览器滚动条时遇到问题

为了去掉浏览器丑陋的滚动条，所以才使用了element官方组件组件美化一下

直接放置时会有点问题，因为加载时机的问题，所以会出现需要滚动的内容与滚动条高度不一致的情况，如下：

事实上下面还有很多内容，所以滚动条高度肯定是不对的；

这是代码结构

解决办法很简单，直接改样式即可:

可以看到页面滚动条就变正常了；

之后又发现了新的问题，切换页面时滚动条无法回到页面顶部了，永远是上个页面滚动的位置；

所再次做个路由监听，设置回到顶部，如下：

以上就是在整个浏览器中使用组件所遇到的问题，记录一下。