JS 实现多报表块跑马在火狐浏览器滚动条没法隐藏,其他浏览器可以,发现只要超过4个报表块就没发隐藏
report0, report0_c 设置滚动效果,其他的报表不设置
report0 js代码
setTimeout(function() {
    //隐藏报表块report0的滚动条(此报表块名为report0,根据具体情况修改)
    $("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";
    $("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden";

}, 100);
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);
report0_c js 代码
setTimeout(function() {
    //隐藏报表块report0_c的滚动条(此报表块名为report0_c,根据具体情况修改)
    $("div[widgetname=REPORT0_C]").find(".frozen-north")[0].style.overflow = "hidden";
    $("div[widgetname=REPORT0_C]").find(".frozen-center")[0].style.overflow = "hidden";
}, 100);

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 = $("div[widgetname=REPORT0_C]").find(".frozen-center")[0].scrollTop;
            if(currentpos == old) {
                $("div[widgetname=REPORT0_C]").find(".frozen-center")[0].scrollTop = 0;
            } else {
                old = currentpos;
                //以25ms的速度每次滚动1.5PX  
                $("div[widgetname=REPORT0_C]").find(".frozen-center")[0].scrollTop = currentpos + 1.5;
            }
        }
    }, 25);
}, 1000);


test1 发布于 2020-2-29 16:09
1min目标场景问卷 立即参与
回答问题
悬赏:0 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
1
孤陌Lv6资深互助
发布于2020-2-29 18:13

明显是设置的延时少了  因为报表块一多  加载的速度就慢 超过了延时 自然JS失效

  • 2关注人数
  • 412浏览人数
  • 最后回答于:2020-2-29 18:13
    请选择关闭问题的原因
    确定 取消
    返回顶部