<template> <el-scrollbar wrapClass="scrollbar-wrap" :style="{height: scrollHeight}" ref="sc ...
在翻看 element ui官网的文档时,发现其左侧导航和右边的内容超出屏幕时,滚动条的样式比较小巧,通过浏览器审查工具查看,发现它是使用了el scrollbar的样式,跟element ui的组件样式命名一致。但文档中并没有关于这个 scrollbar组件的使用文档,搜索一番得知这是一个隐藏组件,官方在 github 的 issues 中表示不会写在文档中,需要用的自己看源码进行调用。 使用 ...
2019-07-19 09:09 1 4126 推荐指数:
<template> <el-scrollbar wrapClass="scrollbar-wrap" :style="{height: scrollHeight}" ref="sc ...
使用element-ui合计功能, 因列数较多, 产生横向滚动条, 但是合计行却在滚动条下面, 拖动滚动条合计行不会跟着横向滚动: 在当前页面添加以下样式: 效果: 这样就可以拖动了. ...
elementUI 中有一个隐藏组件<el-scrollbar>,用来修改滚动条的样式; 因为element用div自定的滚动条 所以可以 .is-horizontal{ display: none ...
在使用时要设置外层容器高度。并且要设置el-scrollbar 的高度为100% ...
问题:在使用element-ui的table组件时,给表格的某些列设置了fixed属性,让列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列(左侧的div)把滚动条覆盖了。 解决办法: ...
//滚动条的宽度 .your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px; } //滚动条的滑块 .your-table .el-table__body-wrapper ...