改变element-ui滚动条设置,
基于vue的滚动条组件之--element隐藏组件滚动条scrollbar使⽤
在项⽬中,总是需要⽤到滚动条,但windows浏览器默认的滚动条是很丑的,为了页⾯美观,可以考虑优化滚动条样式。
vue Element UI官⽅⽂档上并没有放出滚动条相关的⽰例说明,但是实际上是有这么⼀个组件的,可查看源码。
<el-scrollbar></el-scrollbar>
将会出现滚动的内容放到上述标签内就可以了。
这⾥要简单的设置⼀下,将标签的height设为100%,查看效果的时候,会出现⼀个横向的滚动条,如果你不想要横向的滚动条,使⽤下⾯css属性设置就可以只显⽰竖向滚动条。
.el-scrollbar__wrap {
overflow-x: hidden;
}
html横向滚动条样式⽰例使⽤⽅法如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论