实例一：大屏模板实例中右下角滚动报表出现滚动条，如何才能隐藏滚动条？我用的是谷歌浏览器和IE浏览器

提问滚动条.png

用户66666 发布于 2021-2-2 15:16

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：4 F币 + 添加悬赏

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

共7回答

最佳回答

ScyalcireLv7中级互助
发布于2021-2-2 15:20（编辑于 2021-2-2 15:39）

有时候预览会有滚动条的驾驶舱报表需要全屏预览才能判断

如果还是有的话参考文档：

https://bbs.fanruan.com/thread-134175-1-1.html

setTimeout(function() {
    var $report = $("div[widgetname=REPORT6]");
    //获取对应report的div元素
    var $scroll = $report.find("#frozen-center");
    //获取对应report的div元素的滚动块元素,冻结为#frozen-center，未冻结且未安装自定义滚动条插件为.reportContent，未冻结且安装了自定义滚动条插件为.scrollDiv
    var flag = window.flag0;
    //设置全局变量flag,每个报表块需保证各不相同
    $report.find("#frozen-center").css('overflow-x', 'hidden');
    $report.find("#frozen-center").css('overflow-y', 'hidden');
    $report.find("#frozen-north").css('overflow-x', 'hidden');
    $report.find("#frozen-north").css('overflow-y', 'hidden');
    //冻结情况下隐藏滚动条
    $report.find(".reportContent").css('overflow-y', 'hidden');
    $report.find(".reportContent").css('overflow-x', 'hidden');
    //非冻结情况下隐藏滚动条
    flag = true;
    //定义全局参数flag，用来控制滚动的暂停和继续
//    $scroll.mouseover(function() {
//        flag = false;
//    })
    //鼠标悬浮，滚动停止
//    $scroll.mouseleave(function() {
//        flag = true;
//    })
    //鼠标离开，继续滚动
    var old = -1;
    setInterval(function() {
        if (flag) {
            currentpos = $scroll[0].scrollTop;
            //获取距顶部距离
            if (currentpos == old) {
                $scroll[0].scrollTop = 0;
                //若已到达底部，则重置
            } else {
                old = currentpos;
                $scroll[0].scrollTop = currentpos + 1.5;
                //若未到达底部，则向下移动1.5像素
            }
        }
    }, 35);
    //以25ms的频率执行
}, 500);

举报收起评论(3)

用户66666(提问者) 每次要刷新一下才能重新获取报表块大小，没有更直接的隐藏滚动条的方法了吗

2021-02-02 15:31

Scyalcire 回复用户66666(提问者) 我这段JS直接就是能滚动且没滚动条的，我自己的大屏用的就是这段JS

2021-02-02 15:51

Scyalcire 回复用户66666(提问者) 直接复制到这个模块的初始化事件下就行注意替换第二行的report的名称

2021-02-02 15:53

snrtuemcLv8专家互助
发布于2021-2-2 15:17

这个需要你的放到大屏上，全屏才可以

a9bb22ssLv6见习互助
发布于2021-2-2 15:21（编辑于 2021-2-2 15:22）

在报表块初始化事件写js

setTimeout(function() {
    //隐藏报表块reportA的滚动条（此报表块名为reportA，根据具体情况修改）
    $("div[widgetname=A]").find(".frozen-north")[0].style.overflowY = "hidden";
    $("div[widgetname=A]").find(".frozen-center")[0].style.overflowX = "hidden";
    $("div[widgetname=A]").find(".frozen-center")[0].style.overflowY = "hidden";
}, 4000);
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=$("#frozen-center")[0].scrollTop;
   if (currentpos==old){
    $("#frozen-center")[0].scrollTop=0;
     }
   else {
      old=currentpos;
      $("#frozen-center")[0].scrollTop=currentpos+1.5;
        }
      }
    },100);
    //以25ms的速度每次滚动3.5PX
},1000)