如何消除滚动条

请教大佬们一个问题:有一张决策报表,里面有一个tab块组件。共有四个tab块,最后一个tab块下面使用的是绝对画布块,画布块中有一个报表块,现在需要消除此报表块的纵向滚动条,但使用帮助文档中的js无法消除。我新建一个决策报表发现测试可以消除的。而且经过测试发现,将这个tab块放在首位则js生效,放在第二位或其他位置则js失效。请教大佬们js如何修改?

// js说明: 部分被注释的代码是我测试用的,也可以删除的

setTimeout(function() {

var a = 'report2'; //获取对应报表块名称

var b = a.toUpperCase(); //防止大小写出现误差,此处自动将名称转成大写

var wid = ($("div[widgetname='" + b + "']").width() - 22) + 'px'; //获取报表块宽度

$("div[widgetname='" + b + "']").css('width', wid); //重置报表块宽度

var height = ($("div[widgetname='" + b + "']").height() - 21) + 'px'; //获取报表块高度

// var height3=($("div[widgetname='" + b + "']").height()) + 'px'; 

// alert("重置前的高度"+height3);

$("div[widgetname='" + b + "']").css('height', height); //重置报表块高度

//var height2 = ($("div[widgetname='" + b + "']").height()) + 'px';  

// alert("设置的高度"+height);

// alert("重置后高度"+height2);

}, 1000);

FineReport 王小文 发布于 2021-2-25 17:49 (编辑于 2021-2-25 17:51)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共6回答
最佳回答
0
王小文Lv6见习互助
发布于2021-3-2 14:59

找到原因了,tab块切换时会使js加载的设置失效。所以,需要更改js。和报表块的名称无关

setTimeout(function() {

       //隐藏报表块report2的滚动条(此报表块名为report2,根据具体情况修改)

    $("div[widgetname=REPORT2]").find(".frozen-north").css({

        'overflow-x':'hidden',

        'overflow-y':'hidden'

    });

    $("div[widgetname=REPORT2]").find(".reportContent").css({

        'overflow-x':'hidden',

        'overflow-y':'hidden'

    });

},1000);

// 报表块无滚动条,无滚动条插件

image.png

最佳回答
0
唱跳rap全能选手Lv7中级互助
发布于2021-2-25 17:53

你的报表块名称改了吗?把你的模板放上来看看

最佳回答
0
地球刘亦菲Lv6初级互助
发布于2021-2-25 18:02

= 'report2'; //获取对应报表块名称

你要更改你的报表块名称,如果你的是report1,则

var a = 'report1'; //获取对应报表块名称

最佳回答
0
luojian0323Lv7资深互助
发布于2021-2-25 18:34
setInterval(function() {     //隐藏报表块REPORT0的滚动条     $("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";     $("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden"; }, 1000);

最佳回答
0
yazhouLv6初级互助
发布于2021-2-26 09:24

image.png添加$('head').append($('<style type = "text/css">div[widgetname=REPORT9] .frozen-north{overflow :hidden !important;}div[widgetname=REPORT9] .frozen-center{overflow :hidden !important;}</style>'));

最佳回答
0
梦已元Lv4中级互助
发布于2021-2-26 09:46

帮助里 不是很完美,和 浏览器也有关系,

  • 5关注人数
  • 693浏览人数
  • 最后回答于:2021-3-2 14:59
    请选择关闭问题的原因
    确定 取消
    返回顶部