切换为Universal Theme后表单垂直滚动功能失效问题咨询
Oracle APEX 19.1 切换Universal Theme后表单滚动异常修复方案
该问题是APEX 19.1版本旧应用迁移到Universal Theme时的已知样式冲突,出现滚动条但内容不联动的核心原因是滚动条绑定的外层容器和实际内容容器的overflow属性不匹配,内容区域被默认样式锁死导致无法跟随滚动。
方案1:无代码配置修复(优先尝试)
- 进入对应表单页面的编辑界面,选中异常的表单Region区域
- 找到Appearance / Template Options配置项,取消勾选
Use Template Defaults - 在滚动属性下拉栏中,将Scroll参数从
Default修改为Content,保存配置后刷新页面验证 - 若修改后未生效,先临时禁用该页面所有自定义CSS/JS代码,排查是否有自定义逻辑固定了表单区域高度
方案2:自定义CSS兜底修复
如果配置修改无法生效,直接添加页面级自定义CSS强制修正样式:
- 进入表单页面的Page Properties / CSS / Inline配置栏
- 粘贴以下代码:
/* 修复表单滚动不联动问题 */ .t-Region-body { overflow-y: auto !important; max-height: 680px !important; } .t-Region-contentWrap { height: auto !important; }
注:max-height数值可以和你之前设置的交互式报告高度保持一致,按需调整即可
- 保存页面后清空浏览器缓存重新加载即可生效
特殊场景说明
如果该表单是在模态框(Modal Dialog)中承载,还要额外修改模态框的模板配置:
- 选中模态框页面的根节点,找到Appearance / Template Options
- 将Height属性从固定值修改为
Auto或者Fit Content
内容的提问来源于stack exchange,提问作者user3138025
相关产品推荐
相关产品推荐

