问题背景: 网站需要在移动端完成适配,针对移动端H5以及web端采用的都是bluma这种flex布局解决方案 在H5中使用的列表采用的是 react-virtualized 来绘制表格 为了展示表格中单行数据的具体详情,通常的解决方案是采用新页面或者是弹窗来完成。 这里采用的是弹窗的方案,点击单行数据后的数据详情用的是 bluma 的 modal-card。 具体细节和实例可以参考:https://bulma.io/documentation/components/modal/ 问题详情: 在点击单行数据后,弹窗显示详情数据,整个 modal-card 设置成 position:fixed;