FR11求一个好用的隐藏滚动条JS

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

1)有联动和控件

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

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

求个隐藏滚动条的JS或者改变滚动条样式(宽度,颜色)的JS

以下的JS全屏之后表格高度会缩小一点,各位老师给调整一下也可以

setTimeout(function() {

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

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);

window.onresize = function() {

setTimeout(function() {

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

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);

}

1698029985701077.zip

FineReport wanglina56 发布于 2023-12-13 09:25
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-12-13 09:26(编辑于 2023-12-13 09:32)

隐藏滚动条-https://help.fanruan.com/finereport/doc-view-4231.html

=======

普通报表,加载结束事件,放下面的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)

  • wanglina56 wanglina56(提问者) 都试过了,修改控件值,点击联动,点击全屏,取消全屏滚动条又会出现总有一个现象会出现
    2023-12-13 09:27 
  • snrtuemc snrtuemc 回复 wanglina56(提问者) 这个11版本,没好的方案,就安装自定义滚动条插件吧,如果转成旧版本决策报表,倒是有方案
    2023-12-13 09:28 
  • wanglina56 wanglina56(提问者) 回复 snrtuemc 自定义滚动条插件普通报表用起来不方便
    2023-12-13 09:30 
  • snrtuemc snrtuemc 回复 wanglina56(提问者) 普通报表好办,有解决方案,看修改答案
    2023-12-13 09:31 
  • 1关注人数
  • 196浏览人数
  • 最后回答于:2023-12-13 09:32
    请选择关闭问题的原因
    确定 取消
    返回顶部