报表跑马灯怎么改可以实现鼠标拖动时,报表往下滚动,鼠标不在报表区的时候不滚动,有两个报表块,同步滚动


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


小八路小八路 发布于 2020-10-9 17:21 (编辑于 2020-10-16 09:12)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
axingLv6专家互助
发布于2020-10-9 19:18

第一个报表块添加初始化后事件,粘贴上面的代码,将所有REPORT4改成REPORT1就行了

第二个报表块里是插入图表,滚动不了

最佳回答
0
gloria5Lv6见习互助
发布于2020-10-9 17:26

JS中两个报表块的window变量设置为不同的,window.flag1及window.flag2

  • 4关注人数
  • 560浏览人数
  • 最后回答于:2020-10-16 09:12
    请选择关闭问题的原因
    确定 取消
    返回顶部