求一个隐藏滚动条JS

隐藏滚动条.zip

FR11求一个好用的隐藏滚动条JS,模板如下:

1)有联动和控件

2)有多个报表块且有冻结

帮助文档带的已经测了不满足需求,通常修改控件值,点击联动,点击全屏,取消全屏滚动条又会出现,显得非常不好看,求一个好用的js,模板请见附件

FineReport wanglina56 发布于 2023-10-23 10:55 (编辑于 2023-10-23 11:34)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
luojian0323Lv7资深互助
发布于2023-10-23 10:56(编辑于 2023-10-23 13:35)

试试把延时函数setTimeout改成定时函数 setInterval

setInterval(function() {     var $report = $("div[widgetname=REPORT4]");//REPORT4为报表块名     //获取对应report的div元素     var $scroll = $report.find("#frozen-center");     //获取对应report的div元素的滚动块元素,冻结为#frozen-center,未冻结且未安装自定义滚动条插件为.reportContent,未冻结且安装了自定义滚动条插件为.scrollDiv     var flag = window.flag0;     //设置全局变量flag,每个报表块需保证各不相同     $report.find("#frozen-center").css('overflow-x', 'hidden');     $report.find("#frozen-center").css('overflow-y', 'hidden');     $report.find("#frozen-north").css('overflow-x', 'hidden');     $report.find("#frozen-north").css('overflow-y', 'hidden');     //冻结情况下隐藏滚动条     $report.find(".reportContent").css('overflow-y', 'hidden');     $report.find(".reportContent").css('overflow-x', 'hidden');     //非冻结情况下隐藏滚动条     flag = true;     //定义全局参数flag,用来控制滚动的暂停和继续     $scroll.mouseover(function() {         flag = false;     })     //鼠标悬浮,滚动停止          $scroll.mouseleave(function() {         flag = true;     })     //鼠标离开,继续滚动     var old = -1;    }, 1000);

  • wanglina56 wanglina56(提问者) 能发个成品js我改改吗?
    2023-10-23 11:01 
  • wanglina56 wanglina56(提问者) 这样的化鼠标放上面就没有滚动功能了吧 setInterval(function() { var $report = $(\"div[widgetname=REPORT4]\");//REPORT4为报表块名 //获取对应report的div元素 var $scroll = $report.find(\"#frozen-center\"); //获取对应report的div元素的滚动块元素,冻结为#frozen-center,未冻结且未安装自定义滚动条插件为.reportContent,未冻结且安装了自定义滚动条插件为.scrollDiv var flag = window.flag0; //设置全局变量flag,每个报表块需保证各不相同 $report.find(\"#frozen-center\").css(\'overflow-x\', \'hidden\'); $report.find(\"#frozen-center\").css(\'overflow-y\', \'hidden\'); $report.find(\"#frozen-north\").css(\'overflow-x\', \'hidden\'); $report.find(\"#frozen-north\").css(\'overflow-y\', \'hidden\'); //冻结情况下隐藏滚动条 $report.find(\".reportContent\").css(\'overflow-y\', \'hidden\'); $report.find(\".reportContent\").css(\'overflow-x\', \'hidden\'); //非冻结情况下隐藏滚动条 flag = true; //定义全局参数flag,用来控制滚动的暂停和继续 $scroll.mouseover(function() { flag = false; }) //鼠标悬浮,滚动停止 $scroll.mouseleave(function() { flag = true; }) //鼠标离开,继续滚动 var old = -1; }, 1000);
    2023-10-23 13:46 
最佳回答
0
Z4u3z1Lv6专家互助
发布于2023-10-23 10:56(编辑于 2023-10-23 11:10)
最佳回答
0
snrtuemcLv8专家互助
发布于2023-10-23 10:56

你是什么版本

10斑斑有方案,11不好解决,建议安装自定义滚动条插件

  • wanglina56 wanglina56(提问者) 自定义滚动条对图表太不方便了,好不容易才能看出滚动条来,用户反馈不好
    2023-10-23 11:01 
最佳回答
0
快乐星光Lv5中级互助
发布于2023-10-23 11:08

换行测试。。。

换行

  • 3关注人数
  • 400浏览人数
  • 最后回答于:2023-10-23 13:35
    请选择关闭问题的原因
    确定 取消
    返回顶部