求助：frm文档，报表块去掉滚动条

finereport的frm文档，如何去掉滚动条呢，我按这个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);

FineReport 小沙鱼 发布于 2022-6-20 16:47

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

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

共4回答

最佳回答

小沙鱼Lv4见习互助
发布于2022-6-24 16:36

用下面这个js可以实现：

setTimeout(function() {

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

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

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

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

$("div[widgetname='" + b + "']").children().append("<style>.reportContent::-webkit-scrollbar{display:none}</style>")

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

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

}, 100);

Z4u3z1Lv6专家互助
发布于2022-6-20 16:48

https://help.fanruan.com/finereport/doc-view-4300.html

举报收起评论(1)

小沙鱼(提问者) 这个我试了，数据不全，不会根据鼠标的滚动而滚动

2022-06-20 16:59

用户6NWif5139660Lv6资深互助
发布于2022-6-20 16:53（编辑于 2022-6-20 16:53）

https://help.fanruan.com/finereport/doc-view-4231.html

举报收起评论(4)

小沙鱼(提问者) 用不了插件，我的是10.0.18的

2022-06-20 16:58

用户6NWif5139660 回复小沙鱼(提问者) https://market.fanruan.com/plugin/4f76c835-9fdf-4010-825e-23d453382622 有10.0版本的

2022-06-20 16:58

用户6NWif5139660 回复小沙鱼(提问者) https://help.fanruan.com/finereport10.0/doc-view-2425.html 你看这个10.0的

2022-06-20 16:59

小沙鱼(提问者) 回复用户6NWif5139660 我就是用了这个，组件大小被改变了

2022-06-20 17:01

snrtuemcLv8专家互助
发布于2022-6-20 17:25

初始化事件，用下面的js

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)

举报收起评论(1)

小沙鱼(提问者) 谢谢~我这边有个代码可以参考下 setTimeout(function() { var a = \'report0\'; //获取对应报表块名称a var b = a.toUpperCase(); //防止大小写出现误差，此处自动将名称转成大写 var wid = ($(\"div[widgetname=\'\" + b + \"\']\").width()) + \'px\'; //获取报表块宽度 $(\"div[widgetname=\'\" + b + \"\']\").css(\'width\', wid); //重置报表块宽度 $(\"div[widgetname=\'\" + b + \"\']\").children().append(\"\") var height = ($(\"div[widgetname=\'\" + b + \"\']\").height() - 16) + \'px\'; //获取报表块高度 $(\"div[widgetname=\'\" + b + \"\']\").css(\'height\', height); //重置报表块高度 }, 100);

2022-06-24 16:35