弹出框，JS隐藏报表块滚动条失效。江湖救急。★★★★☆

aaaaa.frm 《--------------弹出框的方式

这个js是隐藏滚动条了，但是滚动失效了

因为是弹出框，需要根据下拉框动态的选择行后分页

直接打开报表的话，下面这个js可以隐藏且滚动，但是以弹出框的方式的话，就不行了

只是隐藏，不可以滚动

setTimeout(function() {var a = 'report0'; //获取对应报表块名称var b = a.toUpperCase(); //防止大小写出现误差，此处自动将名称转成大写var wid = ($("div[widgetname='" + b + "']").width() - 17) + 'px'; //获取报表块宽度$("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度var height = ($("div[widgetname='" + b + "']").height() - 16) + 'px'; //获取报表块高度$("div[widgetname='" + b + "']").css('height', height); //重置报表块高度}, 100);

图片.png

逆天邪神 发布于 2021-8-5 11:33 （编辑于 2021-8-5 16:42）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：6 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

最佳回答

snrtuemcLv8专家互助
发布于2021-8-5 11:40

js隐藏报表块滚动条(注意：需要报表块设置冻结，谷歌内核浏览器)

setTimeout(function() {

//隐藏报表块REPORT0的滚动条

$("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";

$("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden";

}, 100);

或者

添加初始化事件

var style=document.createElement('style');

style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提到过的`insertRule`,相对例子里的硬编码会更优雅点。

document.head.appendChild(style);

document.styleSheets[0].insertRule('::-webkit-scrollbar{overflow-x:hidden;}',0)

document.styleSheets[0].insertRule('::-webkit-scrollbar{ display: none; /* Chrome Safari */;}',0)

举报收起评论(5)

逆天邪神(提问者) js不管用，上传附件了，大佬可以帮忙看下吗

2021-08-05 12:04

snrtuemc 回复逆天邪神(提问者) 隐藏滚动条后，好像不能拖动了的，我的第二个代码试试，可以吗

2021-08-05 14:01

逆天邪神(提问者) 回复 snrtuemc 第二个代码我也试来着，但是没管用，不知道是不是我的方法不对初始化事件： setInterval(function() { var style=document.createElement(\'style\'); style.innerHTML=\".test::before{color:green}\"; document.head.appendChild(style); document.styleSheets[0].insertRule(\'::-webkit-scrollbar{overflow-x:hidden;}\',0) document.styleSheets[0].insertRule(\'::-webkit-scrollbar{ display: none; /* Chrome Safari */;}\',0) },1000); 以及 var style=document.createElement(\'style\'); style.innerHTML=\".test::before{color:green}\"; document.head.appendChild(style); document.styleSheets[0].insertRule(\'::-webkit-scrollbar{overflow-x:hidden;}\',0) document.styleSheets[0].insertRule(\'::-webkit-scrollbar{ display: none; /* Chrome Safari */;}\',0)

2021-08-05 14:14

逆天邪神(提问者) 回复 snrtuemc 好八，非常感谢

2021-08-05 14:18

snrtuemc 回复逆天邪神(提问者) 初始化账号你给，不要用setInterval，需要setTimeout，改成这个试试

2022-02-09 08:31

烟尘Lv6高级互助
发布于2021-8-5 11:43

JS实现决策报表中滚屏/跑马灯效果-https://help.fanruan.com/finereport/doc-view-2393.html

举报收起评论(1)

逆天邪神(提问者) js不管用，上传附件了，大佬可以帮忙看下吗

2021-08-05 12:11

逆天邪神Lv5见习互助
发布于2021-8-5 13:53

setTimeout(function() { var a = 'report0'; //获取对应报表块名称 var b = a.toUpperCase(); //防止大小写出现误差，此处自动将名称转成大写 var wid = ($("div[widgetname='" + b + "']").width() - 17) + 'px'; //获取报表块宽度 $("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度 var height = ($("div[widgetname='" + b + "']").height() - 16) + 'px'; //获取报表块高度 $("div[widgetname='" + b + "']").css('height', height); //重置报表块高度 }, 100);

3关注人数

663浏览人数

最后回答于：2021-8-5 16:42

活动推荐更多

热门课程更多

FineBI6.X零基础入门
免费学习

请选择关闭问题的原因

确定取消

提问

悬赏者（3）

撤回悬赏（3）

添加悬赏

请选择关闭问题的原因