跳马灯的问题

按这里的教程做了一个跑马灯效果,但是列表在右边的间隔一直有很大的空白、


https://help.fanruan.com/finereport/doc-view-2393.html



image.png




财务看板 _test001.frm




image.png

FineReport CD20160914 发布于 2020-10-27 18:00 (编辑于 2020-10-28 09:01)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
0
luojian0323Lv7资深互助
发布于2020-10-27 18:04(编辑于 2020-10-28 09:22)

这空白很大吗?你可以设置模板自适应属性

image.png

这是有冻结行的报表滚动代码:
setTimeout(function() {
    var $report = $("div[widgetname=REPORT0]");
    //获取对应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;
                //若未到达底部,则向下移动1像素
                
                }
        }
    }, 80);
    //以25ms的频率执行
}, 1000);


  • CD20160914 CD20160914(提问者) 老师,我是决策报表,在里面插入了报表块,按你如图设置后,它的滚动 条又会展示出来了。
    2020-10-27 18:06 
  • luojian0323 luojian0323 回复 CD20160914(提问者) 有冻结行,和没有冻结行,隐藏滚动条的代码不一样。 你检查下有没有冻结行
    2020-10-27 18:31 
  • luojian0323 luojian0323 回复 CD20160914(提问者) 如果没有冻结行,就把隐藏滚动条的代码最后面的延时时间,加长一点,比如原来是1秒 数值是1000 现在改成3秒 数值3000
    2020-10-27 18:32 
  • CD20160914 CD20160914(提问者) 回复 luojian0323 老师,我就是设置了报表的冻结,然后直接复制教程的代码用的了。现在修改成3秒,还是要出来滚动条。不知道是哪里出问题了。
    2020-10-28 08:59 
  • CD20160914 CD20160914(提问者) 老师我上传了示例文件
    2020-10-28 09:02 
最佳回答
0
沉默的反补Lv6中级互助
发布于2020-10-27 18:03(编辑于 2020-10-27 18:13)

决策报表调整适应属性

image.png

image.png


最佳回答
0
yikefuLv6初级互助
发布于2020-10-27 19:07

能远程看看吗?

最佳回答
0
被子Lv7见习互助
发布于2020-10-28 08:45

用js隐藏咯:var wid2=  ($("div[widgetname='REPORT13']").width()-18)+'px';(报表块很宽就改这里)

$("div[widgetname=REPORT13]").css("width",wid2);


最佳回答
0
孤陌Lv6资深互助
发布于2020-10-28 08:47(编辑于 2020-10-28 09:02)

你没有加隐藏的吧

用这个JS

 把报表块名称修改成你自己的

setTimeout(function() {

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

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

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

}, 1500);


window.flag1 = true;

var self1 = this;

//鼠标悬停,滚动停止

setTimeout(function() {

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

        window.flag1 = false;

    });


    //鼠标离开,继续滚动

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

        window.flag1 = true;

    });


    var old = -1;

    var interval = setInterval(function() {

    if(!self1.isVisible()){

    return;

    }

        if(window.flag1) {

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

            if(currentpos1 == old) {

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

            } else {

                old = currentpos1;

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

                $("div[widgetname=REPORT4]").find(".frozen-center")[0].scrollTop = currentpos1 + 1.0;

            }

        }

    }, 60);

}, 1500);


  • CD20160914 CD20160914(提问者) 加了隐藏呢,就是那个连接里面的代码。。我显示全部代码后复制 的
    2020-10-28 09:00 
  • 孤陌 孤陌 回复 CD20160914(提问者) 你如果数据比较多 延时加长一点
    2020-10-28 09:01 
  • CD20160914 CD20160914(提问者) 老师,我上传了cpt文件,你看一下
    2020-10-28 09:02 
  • CD20160914 CD20160914(提问者) 没有滚动条了,那老师你看我的“基础数据”里面列表显示的最右边。它有一点和浏览器的滚动条隔得有点远。这个有办法调整吗
    2020-10-28 09:06 
  • 6关注人数
  • 731浏览人数
  • 最后回答于:2020-10-28 09:22
    请选择关闭问题的原因
    确定 取消
    返回顶部