FR大屏设计,我自己写了一段代码,为什么没有实现首尾的跑马灯效果

image.png

//setTimeout(function(){

 //    _g().getWidgetByName('report0').startMarquee();

//}, 500);

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);

显示效果如下:

image.png

FineReport 郑在通话中 发布于 6 天前 (编辑于 6 天前
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
用户k6280494Lv6专家互助
发布于6 天前
最佳回答
0
小李同学奥Lv4见习互助
发布于6 天前

你自己写的那个报表快要使用div方式才能实现 ,使用你上面注释就可以实现奥

  • 3关注人数
  • 38浏览人数
  • 最后回答于:6 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部