多个滚动轴只有一个是滚动的

image.png

如图,下面我设置了三个滚动轴,但是只有最左边的滚动播放

setTimeout(function() {

$("div[widgetname=REPORT3_C_C_C]").find("#frozen-center").css('overflow-x', 'hidden'); 

$("div[widgetname=REPORT3_C_C_C]").find("#frozen-center").css('overflow-y', 'hidden');

$("div[widgetname=REPORT3_C_C]").find("#frozen-north").css('overflow-x', 'hidden');

$("div[widgetname=REPORT3_C_C]").find("#frozen-north").css('overflow-y', 'hidden');

$("div[widgetname=REPORT3_C_C]").find(".reportContent").css('overflow-y', 'hidden');

$("div[widgetname=REPORT3_C_C]").find(".reportContent").css('overflow-x', 'hidden');

}, 500);

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)



能滚动的脚本是这样的,但是右边两个都是复制过去的,右边的表名是report_c_c_c(已经改过表名,但还是没成功),请教下是什么原因

FineReport 江一milky 发布于 2020-9-17 13:45 (编辑于 2020-9-17 13:50)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
IceBall09Lv6中级互助
发布于2020-9-17 13:57

image.png

最佳回答
0
snrtuemcLv8专家互助
发布于2021-4-13 20:29

参考JS实现决策报表中滚屏/跑马灯效果-https://help.fanruan.com/finereport/doc-view-2393.html

注意,每个报表块初始化都写js代码,另外报表块需要设置冻结才有效,不设置冻结,跑马灯不动的

js代码

---------------

setTimeout(function({       //隐藏报表块report0的滚动条(此报表块名为report0,根据具体情况修改)    $("div[widgetname=REPORT0]").find(".frozen-north").css({        'overflow-x':'hidden',        'overflow-y':'hidden'    });    $("div[widgetname=REPORT0]").find(".frozen-center").css({        'overflow-x':'hidden',        'overflow-y':'hidden'    }); },1000); window.flag1 = true;var self1 = this;//鼠标悬停,滚动停止setTimeout(function({    $("div[widgetname=REPORT0]").find(".frozen-center").mouseover(function({        window.flag1 = false;    });     //鼠标离开,继续滚动    $("div[widgetname=REPORT0]").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=REPORT0]").find(".frozen-center")[0].scrollTop;            if (currentpos1 == old && 0!=currentpos1) {                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;            } else {                old = currentpos1;                //以25ms的速度每次滚动1.5PX                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos1 + 1.5;            }        }    },    25);},1000);

  • 3关注人数
  • 444浏览人数
  • 最后回答于:2021-4-13 20:29
    请选择关闭问题的原因
    确定 取消
    返回顶部