网上看到有朋友写到
image.png
el-scrollbar 标签栏里面加上<el-scrollbar style="height:100%;">
我这尝试了下 没有什么用 刷新下默认显示的时候还是没有显现
操作几下触发了几下视图才会显现
不知道element为什么隐藏这个组件 是还没有完全开发完吗？
找了各种说怎么显现的 都没有什么用 我就I自己摸索 总结出了个笨办法 但也不是非常完美
以下给各位简单说一下我的理解：
之前以为在scrollbar外面需要加个标签包裹一下 设置下高
经过尝试发现这个想法没有卵用
也就是说 最大一层设宽高的是scrollbar 不需要再考虑它外层的容器了
另外一个我个人觉得比较关键的是：
紧跟着scrollbar里面带一层容器 设置高度
而这个高度设置的越高 则scrollbar滚动条的精度则越高
另外一个缺点是 如果没有这么多数据 下面会空一段 不是很雅观
所以 如果高度是确定的 自己调节scrollbar里面这个容器的高度 直到合适为止
如果 高度不定 那么这个办法就不是特别好用了 但是能解决默认打开页面鼠标划过去就显示滚动条的问题
单纯说可能不太好表明什么意思
image.png
这个是里面的容器设置的相对较大 下面显示一段空白，如果数据填满后则显示正常
如果设置的高度低于scrollbar高度则默认不显示滚动条
所以说到这 我想说如果不确定里面内容的高度
最好把
<el-scrollbar style="height:100%;"> 后面的height设置成固定值 其实也没区别了
另外一种情况 就是这个值设置的比scrollbar略大一点 这就可以显示滚动条了 但是会出现这种情况
image.png
image.png
长长的滚动条会继续往下滑动，直到消失在底部。
所以，我们有两部分空间可以供我们利用 一部分就是在滚动条往下滑的区间，直到滚动条结束，将数据展示完毕；
另外一个是在将里面容器的高度值稍微设的大一点 在合适的空白高度内将数据展示完毕；
如果能抓到el-scrollbar从默认隐藏到显示触发的某个节点 我们去主动触发这个节点 那么将是最完美的解决办法，等待大佬们给讲解一下破解之道。
