跑马灯的速度太快了。能否变慢点?

setTimeout(function() {

       //隐藏报表块report0的滚动条(此报表块名为report0,根据具体情况修改)

    $("div[widgetname=REPORT8]").find(".frozen-north").css({

        'overflow-x':'hidden',

        'overflow-y':'hidden'

    });

    $("div[widgetname=REPORT8]").find(".frozen-center").css({

        'overflow-x':'hidden',

        'overflow-y':'hidden'

    });

    _g().getWidgetByName('report8').startMarquee()

},1000);

FineReport yunliwuli 发布于 2022-7-13 17:51
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
CD20160914Lv8专家互助
发布于2022-7-13 17:58

JS实现决策报表中滚屏/跑马灯效果- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

你按这个教程设置的话。是不会出现你这个问题的吧,

或者参考这个改成你的报表块的名称

setTimeout(function() {

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

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

                 

                }

        }

    }, 25);

    //以25ms的频率执行

}, 1000);

  • yunliwuli yunliwuli(提问者) 老师,用了你的直接不滚动了呢。我把REPORT0改成REPORT8.
    2022-07-13 18:29 
  • CD20160914 CD20160914 回复 yunliwuli(提问者) 你是什么版本,你有使用新自适应插件?
    2022-07-13 19:30 
  • yunliwuli yunliwuli(提问者) 回复 CD20160914 V11.0.5 新自适应插件是指哪个?能截个图吗
    2022-07-14 13:23 
  • CD20160914 CD20160914 回复 yunliwuli(提问者) 11的版本直接就是这个链接里面的呀。https://help.fanruan.com/finereport/doc-view-4299.html 里面的示例5:就有速度的控制。和鼠标悬停的
    2022-07-14 13:26 
最佳回答
0
好好生活好好学习Lv7资深互助
发布于2022-7-13 17:54
最佳回答
0
廿三Lv6中级互助
发布于2022-7-13 17:58

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

修改滚动速度,可将25改成50

  • 4关注人数
  • 295浏览人数
  • 最后回答于:2022-7-13 17:58
    请选择关闭问题的原因
    确定 取消
    返回顶部