决策报表中首尾相连跑马灯

image.png

相对这些数据实现首尾相连的跑马灯效果,根据文档的跑马灯效果只能实现月份单元格的滚动,后面内容无法滚动,求助

FineReport 职业小白 发布于 2021-6-4 17:33 (编辑于 2021-6-4 17:37)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
jongwangLv6中级互助
发布于2021-6-5 10:03(编辑于 2021-6-5 10:48)

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

参考上面这个。

搞了一个,就是把取id换成取class,然后循环一起跑。目前测了下跑了后面不同步的问题,得再想下怎么搞(或者换个方式:参考下之前在这个里面的回答:https://bbs.fanruan.com/wenda/question/54655.html

单元格中:

"<div class=\"demo\" style=\"height:250px;overflow:hidden;\"> <div class=\"indemo\" style=\"height:200%;\"> <div class=\"demo1\"> <br />"+REPLACE(A2,",","<br /><br />")+"<br /><br /> </div> <div class=\"demo2\"></div> </div> </div>"

报表块初始化事件:

setTimeout(function(){ 

speed = 50; //滚动速度

var tab;  var tab1; var tab2;  var MyMar = [];

var j = document.getElementsByClassName("demo").length

for (i=0;i<j;i++){

(function(m){

var tab =  document.getElementsByClassName("demo")[i];//外层可视模块

var tab1 = document.getElementsByClassName("demo1")[i];//内层滚动内容模块1

var tab2 = document.getElementsByClassName("demo2")[i];//内层滚动内容模块2 无缝对接到1后面的内容

tab2.innerHTML = tab1.innerHTML;//克隆demo1为demo2

tab.scrollTop = tab1.offsetHeight;

    MyMar[m]=setInterval(function Marquee(m){

    if (tab.scrollTop >= tab1.offsetHeight) {

        tab.scrollTop-=tab2.offsetHeight;

    }else{

        tab.scrollTop+=1;

    }

},speed);

    //console.log(m);

})(i);

}

},1500);

//隐藏头尾空白行

setTimeout(function(){        

document.getElementById("r-2-0").style.height=0;

},100);

无缝滚动3.frm

最佳回答
0
唱跳rap全能选手Lv7中级互助
发布于2021-6-4 17:36(编辑于 2021-6-4 17:40)

每个单元格都需要添加代码,你其他列加了吗,把每一列的ID改成不一样的

1622799337(1).png

最佳回答
0
Doctor_WeiLv7中级互助
发布于2021-6-4 17:39
  • 4关注人数
  • 1013浏览人数
  • 最后回答于:2021-6-5 10:48
    请选择关闭问题的原因
    确定 取消
    返回顶部