el-scrollbar外的div一定要设置好高度,el-scrollbar样式设置为style="height: 100%" HTML 代码 <el-scrollbarstyle="height: 100%"wrap-style="overflow-x:hidden;"><el-timeline:reverse="reverse"style="margin-top: 10px"><el-timeline-itemv-for="(activity, index) in activities":key="index":color...
1<el-scrollbar></el-scrollbar> 将会出现滚动的内容放到上述标签内就可以了。 这里要简单的设置一下,将标签的height设为100%,查看效果的时候,会出现一个横向的滚动条,如果你不想要横向的滚动条,使用下面css属性设置就可以只显示竖向滚动条。 1.el-scrollbar__wrap {2overflow-x: hidden;3} 示例使用如下:...
组件默认overflow为:scroll,如果需要去掉横向滚动条可以设置overflow-x样式。 Attribute html ...内容...<!-- element垂直滚动条 native 为 true 时不出现 --><!-- element水平滚动条 native 为 true 时不出现 -->
1.el-scrollbar的父层要有固定高度 2.el-scrollbar的高度要设成100% 3.如果出现横滚动条,请添加css(.el-scrollbar__wrap{overflow-x:hidden;}) Attribute 1.native: Boolean, 2. wrapStyle: {} | 子层style 3. wrapClass: {} | 子层class 4.viewClass:{} | view层class 5.viewStyle:{} | view...
el-scrollbar组件是element-ui中的一个滚动条组件,其滚动条隐藏的方法是设置v-bind:hide属性为true。示例如下: <el-scrollbarv-bind:hid...
el-scrollbar :需要指定高度 el-scrollbar__wrap:包裹滚动区域 el-scrollbar__bar is-horizontal:横向滚动条 el-scrollbar__bar is-vertical:纵向滚动条 如果不需要横向滚动条(不加scoped) /* element滚动条组件 隐藏水平滚动条 */ .sidebar-wrapper .el-...
el-scrollbar有props中有一个viewStyle属性,你可以overflow:hidden它就不会滚动了,但是滚动条样式还在,只是不会滚动了。例子:<el-scrollbar view-style="height:100px;"> //你的内容,现在是可以滚动的 </el> <el-scrollbar view-style="height:100px;overflow:hidden;"> //你的内容,现在是...
用overflow-y: hidden;在进入作用区域还是会显示滚动条 皮卡丘 后起之秀 7 不写高度默认是没有滚动条的吧 go无敌光头哥 仗剑天涯 3 <template> <el-scrollbar style="overflow: hidden;"></el-scrollbar> </template> export default { data () { return { count: 10 } } }#setleftstyle{width:1...
可以看到滚动条显示出来,竖向滚动条显示的是element的滚动条,而横向的是原生滚动条 3. 隐藏横向滚动条 .side-bar{width:30%;position:fixed;left:0;top:0;bottom:0;overflow:hidden;.el-scrollbar__wrap{overflow-x:hidden;}} 横向滚动条隐藏,竖向滚动正常...