滚动隐藏滚动条出问题,求解决

    多个报表快同时隐藏并且滚动无法实现,每个报表块都写了隐藏滚动条可以,一旦加上

滚动效果就无法实现滚动条隐藏并且只能一个报表块滚动


FineReport 博文哥哥 发布于 2019-12-27 16:20
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
0
Doctor_WeiLv7中级互助
发布于2019-12-27 16:27(编辑于 2019-12-27 16:30)
最佳回答
0
qingfanLv5见习互助
发布于2019-12-27 16:29

报表块设置双向自适应

最佳回答
0
孤陌Lv6资深互助
发布于2019-12-27 19:43

自己好好看看帮助文档 里面都写的好明白 各种各样的情况  我明确的告诉你 文档里的方法肯定可以解决你的问题

最佳回答
0
flyingsnakeLv6资深互助
发布于2019-12-28 14:27

js插件美化报表滚动条-https://help.finereport.com/doc-view-3015.html

最佳回答
0
用户6NWif5139660Lv6资深互助
发布于2023-2-14 22:49(编辑于 2023-2-14 22:53)

如果是10.0版本,没有安装新自适应插件,就在初始化事件写下面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)

==========================

setTimeout(function() {

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

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

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

}, 1000);

window.flag = true;

//鼠标悬停,滚动停止  

setTimeout(function() {

    $(".frozen-center").mouseover(function() {

        window.flag = false;

    });

    //鼠标离开,继续滚动  

    $(".frozen-center").mouseleave(function() {

        window.flag = true;

    });

    var old = -1;

    var interval = setInterval(function() {

        if(window.flag) {

            currentpos = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;

            if(currentpos == old) {

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

            } else {

                old = currentpos;

                //以25ms的速度每次滚动1.5PX  

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos + 1.5;

            }

        }

    }, 25);

}, 1000);

  • 6关注人数
  • 2224浏览人数
  • 最后回答于:2023-2-14 22:53
    请选择关闭问题的原因
    确定 取消
    返回顶部