决策报表隐藏右边滚动条失败



setInterval(function() {

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

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

}, 1);

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


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;

}

}

}, 50);

}, 1000)

image.png

FineReport 靈靈 发布于 2020-4-20 14:06
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
尘埃。Lv2初级互助
发布于2020-4-20 14:08
setTimeout(function() {  
    //隐藏报表块report0的滚动条(此报表块名为report0,根据具体情况修改)  
    $("div[widgetname=report0]").find(".frozen-north")[0].style.overflow = "hidden";  
    $("div[widgetname=report0]").find(".frozen-center")[0].style.overflow = "hidden"; 
   
}, 10000);  
  
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;  
                //以25ms的速度每次滚动1.5PX    
                $(".frozen-center")[0].scrollTop = currentpos + 1.5;  
            }  
        }  
    }, 25);  
}, 1000);

如果解决您的问题,请及时采纳

您的采纳,是我帮助您的动力,谢


  • 靈靈 靈靈(提问者) 按照你给的代码,两边滚动条都出现了
    2020-04-20 14:16 
  • 尘埃。 尘埃。 回复 靈靈(提问者) 控件名字你注意一下 改了么
    2020-04-20 14:24 
  • 靈靈 靈靈(提问者) 回复 尘埃。 控件名改了
    2020-04-20 14:34 
最佳回答
0
snrtuemcLv8专家互助
发布于2020-4-20 14:24(编辑于 2020-4-20 14:25)

参照JS 实现报表块隐藏滚动条-https://help.finereport.com/doc-view-2425.html

这个代码,修改下


JavaScript 代码如下:

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

注1:代码中的报表块名称应手动调整为需要隐藏滚动条的报表块名称。

注2:该 JS 中重置了报表块的宽度和高度。如只存在纵向滚动条,无需重置报表块宽度。

注3:此方法不适用于横向需要滚动的情况。


  • 王小文 王小文 我使用了此方法,但是经常失效。调整时间也不行,有时成功了但是切换tab后又出现了
    2021-02-24 09:27 
最佳回答
0
用户6NWif5139660Lv6资深互助
发布于2023-2-14 22:56

如果是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)

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