DataV轮播时其他组件的内容也一起滚动 修复bug的方法

情况是这样的:绿框中是排名轮播表,用的是DataV的<dv-scroll-ranking-board />组件。在滚动过程中红框也是随着向上滚动了,反复修改class名称、设置防溢出css都无效。

最后发现是因为我把高度设置为了100%导致的:

<dv-scroll-ranking-board :config="configYfgz0" style="width: 100%;height: 100%" />

修正后代码如下,问题就迎刃而解了。

<dv-scroll-ranking-board :config="configYfgz0" style="width: 100%;height: 220px" />

相关推荐
真夜7 分钟前
关于对echart盒子设置百分比读取的宽高没有撑开盒子解决方案
前端
楠木68521 分钟前
RAG 资料库 Demo 完整开发流程
前端·ai编程
肠胃炎32 分钟前
挂载方式部署项目
服务器·前端·nginx
像我这样帅的人丶你还40 分钟前
使用 Next.js + Prisma + MySQL 开发全栈项目
前端
FPGA小迷弟40 分钟前
FPGA 时序约束基础:从时钟定义到输入输出延迟的完整设置
前端·学习·fpga开发·verilog·fpga
毛骗导演1 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(四):API 协议与数据流设计
前端·架构
毛骗导演1 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(二):消息处理系统架构
前端·架构
IT_陈寒1 小时前
深入理解JavaScript:核心原理与最佳实践
前端·人工智能·后端
MrGud1 小时前
Cesium中的坐标系及其转换
前端·cesium
小付学代码1 小时前
香港地图可编辑版
前端