决策报表隐藏滚动条tab块切换后滚动条又会显示出来

参考模板 JS隐藏报表块滚动条- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

我用的是决策报表，使用tab块切换来显示底下报表块的数据，由于区域较小所以使用向下滚动隐藏滚动条的方式。使用上面的参考模板我对tab块下的报表块添加事件，在页面刷新出来的时候滚动条隐藏，当我通过tab块切换到另一个tab的时候滚动条又会出现，通过这样的切换两个tab底下的滚动条都出现了，不知道是为什么？有没有大佬知道解决方法或者建议吗？

FineReport 你仿佛在逗我笑 发布于 2020-12-3 15:23

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

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

共1回答

最佳回答

luojian0323Lv7资深互助
发布于2020-12-3 15:25

setInterval(function() {

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

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

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

}, 1000);//把原来的延时函数改成定时函数就好了。



window.flag2 = true;

//鼠标悬停，滚动停止  

setTimeout(function() {

    $("div[widgetname=REPORT0]").find(".frozen-center").mouseover(function() {

        window.flag2 = false;

    });



    //鼠标离开，继续滚动  

    $("div[widgetname=REPORT0]").find(".frozen-center").mouseleave(function() {

        window.flag2 = true;

    });



    var old = -1;

    var interval = setInterval(function() {

        if(window.flag2) {

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

            if(currentpos2 == old) {

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

            } else {

                old = currentpos2;

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

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

            }

        }

    }, 25);

}, 1000)