JS实现决策报表中滚屏/跑马灯效果

区域地图-测试5.frm

为什么我的滚到底就结束了不重头开始,且鼠标悬停,滚到也不停止

FineReport yanghuiff 发布于 2020-11-18 13:39 (编辑于 2020-11-18 15:53)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
朝赟丶Lv6初级互助
发布于2020-11-18 14:06

https://help.fanruan.com/finereport/doc-view-2393.html?source=1

你确定你每一步都设置的没问题?

最佳回答
0
luojian0323Lv7资深互助
发布于2020-11-18 14:08
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像素
                
                    }
        }
    }, 80);
    //以25ms的频率执行
}, 1000);


  • yanghuiff yanghuiff(提问者) 还是不行,感觉没有触发事件
    2020-11-18 14:58 
  • luojian0323 luojian0323 回复 yanghuiff(提问者) 你要隐藏的报表块是不是report0 不是就改对应的报表块名称.
    2020-11-18 14:59 
  • luojian0323 luojian0323 回复 yanghuiff(提问者) 再不行,你就导出内置数据模板.我帮你写
    2020-11-18 14:59 
  • yanghuiff yanghuiff(提问者) 回复 luojian0323 已上传内置模板,麻烦帮忙看一下
    2020-11-18 15:53 
最佳回答
0
shirokoLv6资深互助
发布于2021-6-11 09:32(编辑于 2021-6-11 09:43)

--

  • 4关注人数
  • 654浏览人数
  • 最后回答于:2021-6-11 09:43
    请选择关闭问题的原因
    确定 取消
    返回顶部