CPT报表切移动端的时候参数栏滚动条失效

CPT报表在页面F12改成移动端预览的时候,筛选框的滚动条时效了。

在连接拼了 &op=mobile&op=h5也不能实现移动端预览的那种筛选框形式

image.png

FineReport 一只小菜鸟 发布于 昨天 16:23 (编辑于 昨天 16:25
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
FR-LeonLv4初级互助
发布于昨天 16:25
原因分析
  1. 移动端特性限制:移动端浏览器对滚动条的处理与PC端存在差异

  2. 手势冲突:参数面板可能被识别为需要整体滑动的内容区域

解决方案
  1. 强制启用滚动在参数面板初始化后添加JS代码:


    setTimeout(function(){

    $(".parameter-container").css("overflow-y","scroll");

    }, 300);

  2. 调整布局方式

    • 减少单行参数控件数量

    • 使用折叠面板组织参数

  3. 替代方案如仍无法解决,建议:

    • 改用决策报表形式,通过报表块承载参数面板

    • 使用移动端专用模板布局

效果对比
方案优点缺点
JS强制滚动快速生效可能产生嵌套滚动冲突
布局优化原生支持需要调整原有设计

建议优先采用方案二,通过下图所示的折叠面板改善移动端体验:折叠参数面板示例

最佳回答
0
华莉星宸Lv7资深互助
发布于昨天 16:25

移动端的参数栏不是这样的格式

下面这样

image.png

  • 一只小菜鸟 一只小菜鸟(提问者) 对对对 我想整这个,但是是从链接上入手,因为这个报表在PC端配置的时候就是URL拼op=view ,移动端的URL进来的要拼什么呀
    2025-06-06 16:28 
  • 华莉星宸 华莉星宸 回复 一只小菜鸟(提问者) 先F12 右边会出现一个手机样式的图标,点击一下,在F5
    2025-06-06 16:30 
  • 华莉星宸 华莉星宸 回复 一只小菜鸟(提问者) PC 端预览模板的移动端效果 https://help.fanruan.com/finereport/doc-view-5146.html
    2025-06-06 16:32 
  • 3关注人数
  • 29浏览人数
  • 最后回答于:昨天 16:25
    请选择关闭问题的原因
    确定 取消
    返回顶部