中国建设招聘信息网站,如何优化网站信息架构,备案用网站建设方案,地方门户网站盈利在elment-ui中有这么一个滚动条#xff0c;当鼠标over到内容部分才会显示#xff0c;移开鼠标之后滚动条就会隐藏起来#xff0c;相较于原生的滚动条比较美观。
el-scrollbar //将滚动条的内部的内容放在里面即可 /el-scrollbar
在使用过程中#xff…在elment-ui中有这么一个滚动条当鼠标over到内容部分才会显示移开鼠标之后滚动条就会隐藏起来相较于原生的滚动条比较美观。
el-scrollbar //将滚动条的内部的内容放在里面即可 /el-scrollbar
在使用过程中如果父级高度发生改变的时候滚动条拖动就会出现异常的情况这个时候需要父组件的高度当发生改变的时候调用组件的 update 方法这里主要在 mounted 里面对其进行监听当然定时器也可以详见参考
el-scrollbar styleheight:100% refscrollbar/el-scrollbarthis.$nextTick(() {const scr this.$refs.scrollbar.$el; // 获取el-scrollbar的DOM节点const observer new ResizeObserver(() {this.$refs.scrollbar.update();});observer.observe(scr); // 监听高度变化
});参考
elementUi滚动条的使用及设置滚动条一直显示_element ui 滚动条-CSDN博客