决策报表跑马灯

js实现首位相接的跑马灯 一个决策报表里有两个报表快需要跑马灯 

FineReport Juint 发布于 2022-9-16 11:39
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
yzm339714Lv6中级互助
发布于2022-9-16 11:42(编辑于 2022-9-16 14:00)

https://help.fanruan.com/finereport/doc-view-1746.html  ,就这个文档,然后2个报表快的话,第二个报表快就把里面的三个demo id 都设置的跟第一个不一样就行

image.png

  • Juint Juint(提问者) 用的最后一个js 没效果
    2022-09-16 11:45 
  • Juint Juint(提问者) 这个好像是对单元格的 我的情况是一行好几个单元格
    2022-09-16 11:47 
  • yzm339714 yzm339714 回复 Juint(提问者) 一样的,他中间用单元格的那块,你可以组装一下
    2022-09-16 12:01 
  • Juint Juint(提问者) 回复 yzm339714 可不可以问一下那个demo是啥
    2022-09-16 13:24 
  • yzm339714 yzm339714 回复 Juint(提问者) 补充了个截图,就中间那些 ,用来跟下面的js,配合的
    2022-09-16 14:01 
最佳回答
0
flyingsnakeLv6资深互助
发布于2022-9-16 11:43
  • Juint Juint(提问者) 用的最后一个js 没效果
    2022-09-16 11:45 
  • Juint Juint(提问者) 这个好像是对单元格的 我的情况是一行好几个单元格
    2022-09-16 11:47 
最佳回答
0
用户a4836251Lv5初级互助
发布于2022-9-16 16:27(编辑于 2022-9-16 16:28)

这个是可以在一个决策报表出现多个跑马灯能的,里面响应的名称改成你对应的模块的名称就好了

//决策跑马灯

setTimeout(function() {

    var $report = $("div[widgetname=REPORT1]");

    //获取对应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.5像素

            }

        }

    }, 80);

    //以25ms的频率执行

}, 5000);

  • 6关注人数
  • 1049浏览人数
  • 最后回答于:2022-9-16 16:28
    请选择关闭问题的原因
    确定 取消
    返回顶部